Moment.js has been successfully used in millions of projects with over 12 million downloads per week.

Here’s a curated moment.js cheatsheet to quickly use in your project.

First, Install Dependencies

npm install moment --save   # npm
yarn add moment             # Yarn
Install-Package Moment.js   # NuGet
spm install moment --save   # spm
meteor add momentjs:moment  # meteor
bower install moment --save # bower (deprecated)

Date Formats

moment().format('MMMM Do YYYY, h:mm:ss a'); // July 22nd 2022, 12:51:15 pm
moment().format('dddd');                    // Friday
moment().format("MMM Do YY");               // Jul 22nd 22
moment().format('YYYY [escaped] YYYY');     // 2022 escaped 2022
moment().format();                         

Relative Time

moment("20111031", "YYYYMMDD").fromNow(); // 11 years ago
moment("20120620", "YYYYMMDD").fromNow(); // 10 years ago
moment().startOf('day').fromNow();        // 13 hours ago
moment().endOf('day').fromNow();          // in 11 hours
moment().startOf('hour').fromNow();      

Multiple Locale Support

moment.locale();         // en
moment().format('LT');   // 1:04 PM
moment().format('LTS');  // 1:04:27 PM
moment().format('L');    // 07/22/2022
moment().format('l');    // 7/22/2022
moment().format('LL');   // July 22, 2022
moment().format('ll');   // Jul 22, 2022
moment().format('LLL');  // July 22, 2022 1:04 PM
moment().format('lll');  // Jul 22, 2022 1:04 PM
moment().format('LLLL'); // Friday, July 22, 2022 1:04 PM
moment().format('llll'); // Fri Jul 22, 2022 1.05 PM

Visit the momemnt.js website for more information.

See also:

Javascript cheatsheet reference

Recent Posts

How to Debug Your JavaScript Code

Debugging JavaScript code can sometimes be challenging, but with the right practices and tools, you…

3 days ago

Service Workers in JavaScript: An In-Depth Guide

Service Workers are one of the core features of modern web applications, offering powerful capabilities…

2 weeks ago

What are Database Driven Websites?

A database-driven website is a dynamic site that utilizes a database to store and manage…

2 weeks ago

How to show Toast Messages in React

Toasts are user interface elements commonly used in software applications, especially in mobile app development…

2 weeks ago

Exploring the Relationship Between JavaScript and Node.js

JavaScript has long been synonymous with frontend web development, powering interactive and dynamic user interfaces…

3 weeks ago

Key Differences Between Tailwind CSS and CSS3

Introduction: In the world of web development, CSS (Cascading Style Sheets) plays a crucial role…

4 weeks ago