使用moment.js对日期进行简单操作

在项目中遇到一个需要——要求获取当前日期以及后十天的所有日期和它们分别对应星期几。由于是第一次进行实战,第一想到的就是Date这个方法,在网上浏览上发现了moment.js这一日期处理方法。它封装了许多api,可以设置时差,获取指定间隔的时间等等一系列功能。

那么我们来看看它的官方文档moment.js如何介绍的

moment.js不依赖任何第三方库,支持字符串、Date、时间戳以及数组等格式,可以像PHP的date()函数一样,格式化日期时间,计算相对时间,获取特定时间后的日期时间等等

本文有如下举例。
格式化日期
当前时间:

安装

bower install moment --save # bower
npm install moment --save   # npm
Install-Package Moment.js   # NuGet
spm install moment --save   # spm
meteor add momentjs:moment  # meteor

日期格式化

moment().format('MMMM Do YYYY, h:mm:ss a'); // 十一月 29日 2018, 9:30:54 上午
moment().format('dddd');                    // 星期四
moment().format("MMM Do YY");               // 11月 29日 18
moment().format('YYYY [escaped] YYYY');     // 2018 escaped 2018
moment().format();                          // 2018-11-29T09:30:54+08:00

相对时间

moment("20111031", "YYYYMMDD").fromNow(); // 7 年前
moment("20120620", "YYYYMMDD").fromNow(); // 6 年前
moment().startOf('day').fromNow();        // 10 小时前
moment().endOf('day').fromNow();          // 14 小时内
moment().startOf('hour').fromNow();       // 31 分钟前

日历时间

moment().subtract(10, 'days').calendar(); // 2018年11月19日
moment().subtract(6, 'days').calendar();  // 上周五上午9点30
moment().subtract(3, 'days').calendar();  // 本周一上午9点30
moment().subtract(1, 'days').calendar();  // 昨天上午9点30分
moment().calendar();                      // 今天上午9点30分
moment().add(1, 'days').calendar();       // 明天上午9点30分
moment().add(3, 'days').calendar();       // 本周日上午9点30
moment().add(10, 'days').calendar();      // 2018年12月9日

在我的需求中,我需要获取到十条数据,所以需要循环插入,相信大家也可以利用它开发出更新颖的东西。

猜你喜欢

转载自blog.csdn.net/jbj6568839z/article/details/84614058