When working with JavaScript, handling dates can be a challenging task. Fortunately, there are several libraries available that simplify date manipulation and parsing. One such library is Moment.js, which provides powerful functions to parse, manipulate, and format dates.

In this tutorial, we will learn how to parse a string containing multiple dates using Moment.js. We’ll assume you have already installed Moment.js in your project. If not, you can include it by adding the following <script> tag in your HTML file:

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

Let’s consider a scenario where we have a string that contains multiple dates separated by commas. Our goal is to extract each date and convert it into a JavaScript Date object. Here’s how we can achieve that:

const dateString = "2021-01-01, 2022-02-15, 2023-03-30";

// Split the string into an array of dates
const dates = dateString.split(", ");

// Iterate over each date in the array
dates.forEach((dateString) => {
  // Parse the date string using Moment.js
  const date = moment(dateString, "YYYY-MM-DD");

  // Use the parsed date object as needed
  console.log(date.format("MMMM Do YYYY")); // Output: January 1st 2021
});

In the above code, we start by splitting the input string using the split method, which separates the dates based on the comma and space (", ") delimiter. This gives us an array of individual date strings.

Next, we use the forEach method to iterate over each date string in the array. Inside the loop, we use the moment function to parse each date string, specifying the expected date format (YYYY-MM-DD) as the second argument. This allows Moment.js to correctly interpret the input string and create a moment object.

Once we have the parsed moment object, we can utilize various functions provided by Moment.js to manipulate or format the date as required. In this example, we use the format method to display the date in the format “MMMM Do YYYY”.

By running the above code, you should see the parsed dates printed in the desired format.

Moment.js provides extensive documentation with more parsing and manipulating options. Feel free to explore their official documentation for more advanced usage.

That’s it! You have successfully parsed a string containing multiple dates using Moment.js. With Moment.js, working with dates becomes much simpler and more convenient.