Detailed explanation of moment.js time and date processing

Detailed explanation of moment.js time and date processing

Monday to Sunday time format conversion

(Y --- year M --- month D--- day)

 
    : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :
// Get the total number of days in the current month moment().daysInMonth()

Excerpt from the official website:

Date formatting

moment().format('MMMM Do YYYY, h:mm:ss a'); // May 27, 2020, 4:47:31 p.m. moment().format('dddd'); // Wednesday moment().format("MMM Do YY"); // May 27, 2020, 4:47:31 p.m.
moment().format('YYYY [escaped] YYYY'); // 2020 escaped 2020
moment().format(); // 2020-05-27T16:47:31+08:00

Relative time

moment("20111031", "YYYYMMDD").fromNow(); // 9 years ago moment("20120620", "YYYYMMDD").fromNow(); // 8 years ago moment().startOf('day').fromNow(); // 17 hours ago moment().endOf('day').fromNow(); // 7 hours ago moment().startOf('hour').fromNow(); // 1 hour ago

Calendar time

moment().subtract(10, 'days').calendar(); // 2020/05/17
moment().subtract(6, 'days').calendar(); // Last Thursday 16:47
moment().subtract(3, 'days').calendar(); // Last Sunday 16:47
moment().subtract(1, 'days').calendar(); // Yesterday 16:47
moment().calendar(); // Today 16:47
moment().add(1, 'days').calendar(); // Tomorrow 16:47
moment().add(3, 'days').calendar(); // Next Saturday 16:47
moment().add(10, 'days').calendar(); // 2020/06/06

Multi-language support

moment.locale(); // zh-cn
moment().format('LT'); // 16:47
moment().format('LTS'); // 16:47:31
moment().format('L'); // 2020/05/27
moment().format('l'); // 2020/5/27
moment().format('LL'); // May 27, 2020 moment().format('ll'); // May 27, 2020 moment().format('LLL'); // May 27, 2020 4:47 PM moment().format('lll'); // May 27, 2020 16:47
moment().format('LLLL'); // Wednesday, May 27, 2020, 4:47 PM moment().format('llll'); // Wednesday, May 27, 2020, 16:47

I have compiled a small number of commonly used ones, and I want to learn more about their use. Below are two commonly used link addresses for reference only

1. moment.js Address: https://github.com/moment/moment
2. Front-end open source project CDN acceleration service, basically all open source js can be found on it: https://www.bootcdn.cn/

This is the end of this article about moment.js-Detailed explanation of time and date processing. For more relevant moment.js-time and date processing content, please search for previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!

You may also be interested in:
  • Moment.js is an awesome Javascript date processing library that you shouldn't miss.
  • moment.js easily implements getting the current date is the first week of the year
  • Moment.js implements multiple simultaneous countdowns
  • Summary of common usage of Moment.js

<<:  Analysis of the usage of process control functions/statistical functions/grouping queries in MySql

>>:  Webservice remote debugging and timeout operation principle analysis

Recommend

13 Most Frequently Asked Vue Modifiers in Interviews

Table of contents 1. lazy 2.trim 3.number 4.stop ...

Linux system (Centos6.5 and above) installation jdk tutorial analysis

Article Structure 1. Preparation 2. Install Java ...

WeChat applet realizes left-right linkage

This article shares the specific code for WeChat ...

CSS implements 0.5px lines to solve mobile compatibility issues (recommended)

【content】: 1. Use background-image gradient style...

How to get the intersection/difference/union of two sets in mysql

Common scenarios of MySQL: getting the intersecti...

js implements the classic minesweeper game

This article example shares the specific code of ...

Essential Handbook for Web Design 216 Web Safe Colors

The color presentation on a web page will be affec...

A few experiences in self-cultivation of artists

As the company's influence grows and its prod...

Implementing a simple age calculator based on HTML+JS

Table of contents Preface Demonstration effect HT...

Super detailed teaching on how to upgrade the version of MySQL

Table of contents 1. Introduction 2. Back up the ...

Detailed explanation of the configuration method of Vue request interceptor

Follow the steps below 1. request.js content: htt...

How to deploy a simple c/c++ program using docker

1. First, create a hello-world.cpp file The progr...

Installation steps of docker-ce on Raspberry Pi 4b ubuntu19 server

The Raspberry Pi model is 4b, 1G RAM. The system ...