data中el-table-column标签中对日期进行格式化(全局过滤器)

1、安装时间格式化插件

npm install vue-moment --save

2、在main.js中引用

import moment from 'moment'

Vue.use(require('vue-moment'));

Vue.prototype.moment = moment

3、在main.js中加入日期格式化的过滤器,其中dateYMDHMSFormat为方法名称

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

  return moment(dateStr).format(pattern);

})

4、普通使用方法,date为参数名,后面dateYMDHMSFormat为方法名称

{{date | dateYMDHMSFormat}}

但是,在table中需要添加插槽

不加格式化写法:

加入格式化写法:

   

你可能感兴趣的:(data中el-table-column标签中对日期进行格式化(全局过滤器))