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

mysql 5.7.5 m15 winx64.zip installation tutorial

How to install and configure mysql-5.7.5-m15-winx...

Vue Element front-end application development to obtain back-end data

Table of contents Overview 1. Acquisition and pro...

HTML commonly used meta encyclopedia (recommended)

The Meta tag is an auxiliary tag in the head area...

The difference between MySQL execute, executeUpdate and executeQuery

The differences among execute, executeUpdate, and...

Where is mysql data stored?

MySQL database storage location: 1. If MySQL uses...

Example code of vue icon selector

Source: http://www.ruoyi.vip/ import Vue from ...

Two ways to implement text stroke in CSS3 (summary)

question Recently I encountered a requirement to ...

Steps for Docker to build a private warehouse Harbor

Harbor Harbor is an open source solution for buil...

WeChat Mini Program video barrage position random

This article shares the specific code for randomi...

Detailed explanation of WeChat Mini Program official face verification

The mini program collected user personal informat...

JavaScript dynamically generates a table with row deletion function

This article example shares the specific code of ...

VUE + OPENLAYERS achieves real-time positioning function

Table of contents Preface 1. Define label style 2...