文章目录
  1. 1. 使用方式:
  2. 2. 日期格式化:
  3. 3. 相对时间:
  4. 4. 日历时间:
  5. 5. 多语言支持:

momentjs是一个用于解析、验证、操作和格式化日期的轻量级JavaScript日期库。

使用方式:

1
2
3
4
<script src="moment.js"></script>
<script>
moment().format();
</script>

当前你也可以引入中文语言包:

1
<script src="zh-cn.js"></script>

日期格式化:

1
2
3
4
5
moment().format();     // 2018-05-13T15:35:08+08:00
moment().format('MMMM Do YYYY, h:mm:ss a'); // May 13th 2018, 3:35:08 pm
moment().format('dddd'); // Sunday
moment().format('MMM Do YY'); // May 13th 18
moment().format('YYYY [escaped] YYYY'); // 2018 escaped 2018

使用中文语言包:

1
2
3
4
5
moment().format();      // 2018-05-13T15:45:11+08:00
moment().format('MMMM Do YYYY, h:mm:ss a'); // 五月 13日 2018, 3:45:11 下午
moment().format('dddd'); // 星期日
moment().format('MMM Do YY'); // 5月 13日 18
moment().format('YYYY [escaped] YYYY'); // 2018 escaped 2018

相对时间:

1
2
3
4
5
6
moment('20111031', 'YYYYMMDD').fromNow();    // 7 years ago
moment('20120620', 'YYYYMMDD').fromNow(); // 6 years ago
moment().startOf('day').fromNow(); // 16 hours ago
moment().endOf('day').fromNow(); // in 8 hours
moment().startOf('hour').fromNow(); // 35 minutes ago
moment().endOf('hour').fromNow(); // in 25 minutes

使用中文语言包:

1
2
3
4
5
6
moment('20111031', 'YYYYMMDD').fromNow();     // 7 年前
moment('20120620', 'YYYYMMDD').fromNow(); // 6 年前
moment().startOf('day').fromNow(); // 16 小时前
moment().endOf('day').fromNow(); // 8 小时内
moment().startOf('hour').fromNow(); // 1 小时前
moment().endOf('hour').fromNow(); // 15 分钟内

日历时间:

1
2
3
4
5
6
7
8
moment().subtract(10, 'days').calendar();     // 05/03/2018
moment().subtract(6, 'days').calendar(); // Last Monday at 3:35 PM
moment().subtract(3, 'days').calendar(); // Last Thursday at 3:35 PM
moment().subtract(1, 'days').calendar(); // Yesterday at 3:35 PM
moment().calendar(); // Today at 3:35 PM
moment().add(1, 'days').calendar(); // Tomorrow at 3:35 PM
moment().add(3, 'days').calendar(); // Wednesday at 3:35 PM
moment().add(10, 'days').calendar(); // 05/23/2018

使用中文语言包:

1
2
3
4
5
6
7
8
moment().subtract(10, 'days').calendar();     // 2018/05/03
moment().subtract(6, 'days').calendar(); // 上星期一15:45
moment().subtract(3, 'days').calendar(); // 上星期四15:45
moment().subtract(1, 'days').calendar(); // 昨天15:45
moment().calendar(); // 今天15:45
moment().add(1, 'days').calendar(); // 明天15:45
moment().add(3, 'days').calendar(); // 下星期三15:45
moment().add(10, 'days').calendar(); // 2018/05/23

多语言支持:

1
2
3
4
5
6
7
8
9
10
11
moment.locale();     // en
moment().format('LT'); // 3:35 PM
moment().format('LTS'); // 3:35:08 PM
moment().format('L'); // 05/13/2018
moment().format('l'); // 5/13/2018
moment().format('LL'); // May 13, 2018
moment().format('ll'); // May 13, 2018
moment().format('LLL'); // May 13, 2018 3:35 PM
moment().format('lll'); // May 13, 2018 3:35 PM
moment().format('LLLL'); // Sunday, May 13, 2018 3:35 PM
moment().format('llll'); // Sun, May 13, 2018 3:35 PM

使用中文语言包:

1
2
3
4
5
6
7
8
9
10
11
moment.locale();      // zh-cn
moment().format('LT'); // 15:45
moment().format('LTS'); // 15:45:11
moment().format('L'); // 2018/05/13
moment().format('l'); // 2018/5/13
moment().format('LL'); // 2018年5月13日
moment().format('ll'); // 2018年5月13日
moment().format('LLL'); // 2018年5月13日下午3点45分
moment().format('lll'); // 2018年5月13日 15:45
moment().format('LLLL'); // 2018年5月13日星期日下午3点45分
moment().format('llll'); // 2018年5月13日星期日 15:45

如果对于momentjs你想了解更加详细的信息,可以点此查看:

  1. 我写的一个例子:momentjs例子
  2. momentjs官网:momentjs官网
  3. momentjs中文网:momentjs中文网
文章目录
  1. 1. 使用方式:
  2. 2. 日期格式化:
  3. 3. 相对时间:
  4. 4. 日历时间:
  5. 5. 多语言支持: