1.下载组件（使用淘宝镜像）
cnpm i moment --save
2.在main.js文件引入
import moment from ’moment‘
3.在main.js文件里面做如下配置
//全局过滤器
Vue.filter(‘dateFmt‘, (input, formatString = "YYYY-MM-DD") => {
//es5函数参数设置默认值
//const lastFormatString = formatString || // moment(input) 把时间字符串转成时间对象
// format(formatString) 把时间对象，按照指定格式，格式化成符合条件的字符串
return moment(input).format(formatString)
})
【Vue格式化从后台传过来的时间格式】main.js代码如下
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import moment from 'moment'
import resource from 'vue-resource'
Vue.use(resource)//全局过滤器时间过滤
Vue.filter("dateFmt", (input, formatString = "YYYY-MM-DD") => {
//es5函数参数设置默认值
//const lastFormatString = formatString || // moment(input) 把时间字符串转成时间对象
// format(formatString) 把时间对象，按照指定格式，格式化成符合条件的字符串
return moment(input).format(formatString)
})Vue.http.options.emulateJSON = true;
Vue.config.productionTip = false/* eslint-disable no-new */
new Vue({
el: '#app',
router,
components: { App },
template: ''
})因为moment插件是全局注册，所以我们可以在任意组件中轻松的使用
使用格式如下
{{item.time | dateFmt(‘YYYY-MM-DD HH:mm:ss‘)}}
