moment.js是一个简单容易使用的时间插件
1.官网地址
Moment.js 文档:http://momentjs.cn/docs/
2.安装方法
npm i moment
2.1如果你全局都需要用日期格式化,建议在main.js中把日期moment引入项目中。然后定义一个全局的过滤器,用于时间的格式化
import moment from 'moment'
//全局过滤器
Vue.filter('dateFormat',date=>{
return moment(date).format('YYYY-MM-DD')
})
注意事项:在vue创建实例化之前声明全局过滤器
使用方式
<span>{{item.create_time | dateFormat}}</span>
2.2 如果你只是少部分文件中要用到日期格式化,那么就不需要全局引入。在所需要的文件中引入,直接使用就好。
<script>
import moment from 'moment'
....后续代码(方法中使用moment函数就可以)
</script>
3.在项目中常用的moment的方法
//获取当前时间
let raw_time=moment()
//获取当前时间,并格式化形式为 2020-12-12,这种形式
let now=moment().format('YYYY-MM-DD')
//获取输入的日期与今天 的差值。两个日期相差几天
let diff = moment().diff(moment('2020-12-12'),'days')
//判断日期是否小于今天的日期
let value = moment('2016-01-01');
let t= moment()>moment(value)
//日期加法add,并格式化
let addtime = moment().add(1, 'd').format('YYYY-MM-DD'),
说明:'d':天(=day)。还可以是'week':周,'hours':小时,'months':月,等等..............
//日期减法subtract,用法跟add一样,自行参照