vue中时间格式化插件moment.js的使用

一、安装依赖：npm install moment --save

二、使用：

1、注册全局过滤器：

（1）在main.js中 导入组件

import moment from 'moment'

Vue.filter('dateformat', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {

    return moment(dataStr).format(pattern)

})

// filter两个参数：第一个是函数名，第二个是时间格式化处理的函数

（2）在需要格式化时间的地方使用插值表达式就OK了

      时间：{{info._time | dateformat('YYYY-MM-DD HH:mm:ss')}}

 

2、在组件中引入直接使用：

import moment from 'moment'

this.startTime = moment(this.ruleForm.startTime).format('YYYY-MM-DD HH:mm:ss'）

或者注册局部过滤器，结合插值表达式：

filters: timeFormat(value){

      return moment(value).format('YYYY-MM-DD HH:mm:ss'）

}