How to get min or max dates from a list of dates using moment. Js ?

Using the moment.js library in JavaScript for handling dates and times is very convenient. To retrieve the minimum or maximum date from a list of dates, we can use the min and max functions provided by moment. Here, I will demonstrate how to retrieve both the minimum and maximum dates.

Step 1: Include the Moment.js Library

First, ensure that your project includes the moment.js library. If you are using it in a web page, you can include it as follows:

html
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

Step 2: Create a Date List

Next, we need a date list, for example:

javascript
var dates = ["2022-03-15", "2022-04-20", "2022-02-10"];

Step 3: Retrieve the Minimum Date

To retrieve the minimum date from this list, you can use the moment.min method. This method accepts an array of moment objects as a parameter, so you need to first convert the date strings to moment objects:

javascript
var momentDates = dates.map(date => moment(date));
var minDate = moment.min(momentDates);
console.log("Minimum date is: " + minDate.format("YYYY-MM-DD"));  // Output formatted date

Step 4: Retrieve the Maximum Date

Similarly, to retrieve the maximum date from the list, use moment.max:

javascript
var maxDate = moment.max(momentDates);
console.log("Maximum date is: " + maxDate.format("YYYY-MM-DD"));  // Output formatted date

Example

Suppose we have a project with a date array, and we want to find the earliest and latest dates. The code is as follows:

javascript
// Include Moment.js
// <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

// Date array
var projectDates = ["2022-01-12", "2022-01-25", "2022-01-20"];

// Convert to Moment objects
var momentProjectDates = projectDates.map(date => moment(date));

// Use Moment.js to find minimum and maximum dates
var earliestDate = moment.min(momentProjectDates);
var latestDate = moment.max(momentProjectDates);

// Output results
console.log("Earliest project start date is: " + earliestDate.format("YYYY-MM-DD"));
console.log("Latest project start date is: " + latestDate.format("YYYY-MM-DD"));

This effectively allows you to retrieve the earliest and latest dates from a date array, which is useful for project management or data analysis scenarios.