Vue中使用moment格式化时间

前言

JS插件moment模块可以格式化时间。

安装

cnpm install moment --save

在main.js中引入：

import moment from 'moment';
Vue.prototype.$moment = moment;

使用

//模块中使用：
{{this.$moment(item.endTime).format("YYYY-MM-DD HH:mm:ss")}}
//默认格式化当前时间的两种方式：
this.$moment().format('YYYY-MM-DD HH:mm:ss')    
this.$moment(Date.now()).format('YYYY-MM-DD HH:mm:ss')
//今天是星期几：
this.$moment().format('d');
//昨天
this.$moment(Date.now() - 24 * 60 * 60 * 1000)
//转化成Date对象
this.$moment().toDate()
// 早于
this.$moment('2010-10-20').isBefore('2010-10-21') // true
this.$moment('2010-10-20').isBefore('2010-12-31', 'year') // false
this.$moment('2010-10-20').isBefore('2011-01-01', 'year') // true
//是否相等:isSame 晚于：isAfter

// 是否在时间范围内
this.$moment('2010-10-20').isBetween('2010-10-19', '2010-10-25') // true
this.$moment('2010-10-20').isBetween('2010-01-01', '2012-01-01', 'year') // false
this.$moment('2010-10-20').isBetween('2009-12-31', '2012-01-01', 'year') // true
//是否是闰年
this.$moment().isLeapYear()