Managing Dates and Times Using Moment.js-JS Tutorial-php.cn

Managing Dates and Times Using Moment.js

Joseph Gordon-Levitt

Release： 2025-02-10 14:57:15

Original

640 people have browsed it

Managing Dates and Times Using Moment.js

JavaScript's date and time processing has always been complicated. The native date method is lengthy and the API is often inconsistent. So if you ask a date-related question on StackOverflow, you often hear a reply like this: "Use Moment.js".

Key Points

Moment.js simplifies the processing of dates and times in JavaScript, providing methods to parse, verify, operate and display dates and times.
While Moment.js is powerful, it is recommended to consider a lighter alternative such as date-fns in new projects, because Moment.js is larger and has variable objects.
Moment.js provides various date operations and calculation methods, such as add(), subtract(), fromNow(), and diff(), which can be used to add or subtract time units, calculate time from the present, and calculate two operations such as difference between dates.
The library also provides international language support, allowing users to assign global languages or set languages for specific moment objects.

What is Moment.js?

Moment.js is a Swiss Army Knife used to handle JavaScript date and time. It allows you to parse, verify, operate and display dates and times using a clean and concise API.

This article will show you how to get started with Moment.js and demonstrate some of its common use cases.

Warning: New users please use date-fns instead

Please note that starting from September 2020, we recommend that users who want to implement date libraries use date-fns instead.

Moment.js' functionality is too large compared to its size, and Chrome developer tools are now actively recommending not to use it as part of core Web metric performance testing. Therefore, according to the Moment.js maintenance staff, the project is in maintenance mode and no new functional development will be carried out.

➤ Learn date-fns: a lightweight JavaScript date library

Beginner of Moment.js

Moment.js can be downloaded for free from the project's homepage. Moment.js can run in browsers and Node applications. To use it in Node, install the module using the following command:

npm install moment

Copy after login

Then, just require() and use it in your application like this:

const moment = require('moment');
const today = moment();
console.log(today.format());

// 2020-01-09T15:45:51+01:00

Copy after login

To run Moment.js in your browser, use </pre> <p> </body> </html>

Date formatting

moment().format('YYYY-MM-DD');

Copy after login

In the past, I remembered converting a date string into a Date object, getting a single fragment of data, and then performing a string concatenation. Moment.js simplifies the process of converting dates to any specific format. Converting date formats using Moment is simple, as shown in the following example:

Calling moment() will give us the current date and time, while format() will convert it to the specified format. This example formats a date to a four-digit year followed by a hyphen followed by a two-digit month, another hyphen and a two-digit date.