moment插件的使用姿势

Posted faith-yin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了moment插件的使用姿势相关的知识,希望对你有一定的参考价值。

1 日期格式化:

1 moment().format(‘MMMM Do YYYY, h:mm:ss a‘); // 三月 7日 2020, 11:59:47 中午
2 
3 moment().format(‘dddd‘);                    // 星期六
4 
5 moment().format("MMM Do YY");               // 3月 7日 20
6 
7 moment().format(‘YYYY [escaped] YYYY‘);     // 2020 escaped 2020
8 
9 moment().format();                          // 2020-03-07T11:59:47+08:00

 

2 相对时间:

1 moment("20111031", "YYYYMMDD").fromNow(); // 8 年前
2 
3 moment("20120620", "YYYYMMDD").fromNow(); // 8 年前
4 
5 moment().startOf(‘day‘).fromNow();        // 12 小时前
6 
7 moment().endOf(‘day‘).fromNow();          // 12 小时内
8 
9 moment().startOf(‘hour‘).fromNow();       // 1 小时前

 

3 日历时间:

 1 moment().subtract(10, ‘days‘).calendar(); // 2020/02/26
 2 
 3 moment().subtract(6, ‘days‘).calendar();  // 上星期日11:59
 4 
 5 moment().subtract(3, ‘days‘).calendar();  // 上星期三11:59
 6 
 7 moment().subtract(1, ‘days‘).calendar();  // 昨天11:59
 8 
 9 moment().calendar();                      // 今天11:59
10 
11 moment().add(1, ‘days‘).calendar();       // 明天11:59
12 
13 moment().add(3, ‘days‘).calendar();       // 下星期二11:59
14 
15 moment().add(10, ‘days‘).calendar();      // 2020/03/17

 

4 其他格式:

 1 moment.locale();         // zh-cn
 2 
 3 moment().format(‘LT‘);   // 11:59
 4 
 5 moment().format(‘LTS‘);  // 11:59:47
 6 
 7 moment().format(‘L‘);    // 2020/03/07
 8 
 9 moment().format(‘l‘);    // 2020/3/7
10 
11 moment().format(‘LL‘);   // 2020年3月7日
12 
13 moment().format(‘ll‘);   // 2020年3月7日
14 
15 moment().format(‘LLL‘);  // 2020年3月7日中午11点59分
16 
17 moment().format(‘lll‘);  // 2020年3月7日 11:59
18 
19 moment().format(‘LLLL‘); // 2020年3月7日星期六中午11点59分
20 
21 moment().format(‘llll‘); // 2020年3月7日星期六 11:59

 

 

来源:moment官网(http://momentjs.cn/)

 

以上是关于moment插件的使用姿势的主要内容,如果未能解决你的问题,请参考以下文章

异步时间格式转换插件

【vue-cli】Moment插件

Vue--moment时间格式插件安装和使用

插件时间格式处理moment如何使用

vue_cli自定义时间--moment插件

VIM 代码片段插件 ultisnips 使用教程