ArticleZip > Format Date And Subtract Days Using Moment Js

Format Date And Subtract Days Using Moment Js

If you're a developer looking to work with dates in JavaScript, Moment.js is a fantastic library that simplifies many date-related tasks. In this article, we'll explore how to format dates and subtract days using Moment.js.

Firstly, if you haven't already, you need to include Moment.js in your project. You can do this by either downloading the library from the official Moment.js website or by using a package manager like npm or yarn to install it. Once you have Moment.js set up in your project, you're ready to start formatting dates.

Formatting dates in JavaScript can be a hassle, but Moment.js makes it a breeze. To format a date using Moment.js, you can simply create a moment object and use the format() method. For example, if you have a date stored in a variable called currentDate, you can format it like this:

Javascript

let currentDate = moment();
let formattedDate = currentDate.format('YYYY-MM-DD');

In the code snippet above, we first create a moment object from the current date and then use the format() method to format it as 'YYYY-MM-DD'. You can customize the format string to display the date in any way you like.

Next, let's move on to subtracting days from a date using Moment.js. This is useful when you need to calculate dates in the past or future relative to a given date. Moment.js provides a simple way to subtract days from a date by using the subtract() method. Here's an example:

Javascript

let currentDate = moment();
let newDate = currentDate.subtract(7, 'days');

In the code above, we subtract 7 days from the current date and store the result in the newDate variable. You can adjust the number of days you want to subtract by changing the first argument of the subtract() method.

It's important to note that Moment.js mutates the original moment object when you perform operations like adding or subtracting days. If you want to keep the original date unchanged, you can use the clone() method to create a copy of the moment object before performing any operations on it.

Javascript

let currentDate = moment();
let newDate = currentDate.clone().subtract(7, 'days');

By chaining the clone() method before subtracting days, you ensure that the original date remains unchanged.

In conclusion, Moment.js is a powerful library for working with dates in JavaScript, and it makes tasks like formatting dates and manipulating them a lot simpler. By following the examples in this article, you should now have a better understanding of how to format dates and subtract days using Moment.js in your projects. Happy coding!