vue中moment.js的使用

一、介绍

moment.js是一款现在对时间处理的强大的函数。

Moment被设计用于在浏览器和Node.js中工作。

 目前ci系统使用的浏览器有:IE8、IE9在Windows 7上、Chrome在Windows XP上、Safari 10.8在Mac上、Firefox在Linux上。

 所有代码都可以在这两种环境中工作。所有单元测试都在这两个环境中运行。

二、安装

npm install moment

 

三、引入方式

//require 方式
var moment=require('moment');
//import 方式
import moment from 'moment'; 

四、使用

以当前时间2018-12-13 16:35:23 星期四 作为参考例子

1.取当天时间，以YYYY年MM月DD日形式显示

　　let now = moment().format('YYYY年MM月DD日') // 2018年12月13日

2.任意时间戳格式化，以YYYY-MM-DD HH:mm:ss形式显示

　　let nowStamp = 1544690123000

　　let nowTime = moment(nowStamp).format('YYYY-MM-DD HH:mm:ss') // 2018-12-13 16:35:23

3.获取当前年份、月份、日期

　　let y = moment().year() // 年 2018

　　let m = moment().month() + 1 // 月份 从0开始，当前月要+1    12

　　let d = moment().date() // 日   13

　　let w = moment().week() // 今年第xx个周   50

4.星期几的日期

　　let weekDay = moment().weekday(2).format('YYYY-MM-DD') // 2018-12-11   星期二的日期

　　let weekDay = moment().weekday(5).format('YYYY-MM-DD') // 2018-12-14   星期五的日期

5.时间加减法

　　减法：

　　//获取上个月今天的日期，格式以YYYY-MM-DD显示

　　let preMonth = moment().subtract(1, 'months').format('YYYY-MM-DD') // 2018-11-13 上个月今天

　　// 获取前一天的日期，格式以YYYY-MM-DD显示

　　let preDay = moment().subtract(1, 'days').format('YYYY-MM-DD') // 2018-12-12 昨天

　　// 获取前一年的日期，格式以YYYY-MM-DD显示

　　let preYear = moment().subtract(1, 'years').format('YYYY-MM-DD') // 2017-12-13 去年今天

　加法：

　　// 获取下一年的日期，格式以YYYY-MM-DD显示

　　let nextYear = moment().add(1, 'years').format('YYYY-MM-DD HH:mm:ss') // 2019-12-13 17:23:57 明年今天

　　hours，days，months就不一一赘述了

6.判断

　console.log(moment([2000]).isLeapYear(), '判断2000是否是闰年') // true

　console.log(moment([2018]).isLeapYear(), '判断2018是否是闰年') // false

 

五、使用感想

　　之前用原生的js方法写日期格式 ，代码量有点多，用过moment.js之后就发现要简单许多，适合于大多数情况，因为format()方法里可以随意设置格式。