一、安装依赖: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了
<p class="subtitle">
<span>时间:{{info._time | dateformat('YYYY-MM-DD HH:mm:ss')}}</span>
</p>
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')
}