时间处理插件momentjs

小灰灰 2022-05-25 10:53 294阅读 0赞

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

使用方式:

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

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

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

日期格式化:

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

使用中文语言包:

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

相对时间:

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

使用中文语言包:

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

日历时间:

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

使用中文语言包:

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

多语言支持:

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

使用中文语言包:

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

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

  1. 我写的一个例子:momentjs例子
  2. momentjs官网:momentjs官网
  3. momentjs中文网:momentjs中文网

发表评论

表情:
评论列表 (有 0 条评论,294人围观)

还没有评论,来说两句吧...

相关阅读