vue element-ui el-table表格渲染数据时格式化日期（全局过滤器）

1.安装

npm install moment -- save

2.在main.js中引用

import moment from "moment";

Vue.prototype.moment = moment

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

Vue.filter('dateFormat',function(dateStr,pattern='YYYY-MM-DD HH:mm:ss'){
  return moment(dateStr).format(pattern);
})

4.使用

不加格式化写法：

<el-table-column prop="purchaseDate" label="时间"></el-table-column>



加入格式化写法：

<el-table-column prop="purchaseDate" label="时间">
    <template slot-scope="scope">{{scope.row.purchaseDate| dateFormat}}</template>
</el-table-column>