记录elementUi表格日期格式化全局配置方式记录

1.先引入moment插件

npm install moment --save
//或者
yarn add moment --save

2.在main.js文件中引入moment插件

import moment from "moment"

Vue.prototype.moment = moment

3.在main.js文件中自定义日期格式过滤器

//默认带时分秒，可单独传入格式
Vue.filter('dateFormat', (value, pattern = 'YYYY-MM-DD HH:mm:ss') => {
  return moment(value).format(pattern)
})

4.使用方式

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

也可以传入带日期格式的参数

<el-table-column prop="createTime" label="创建时间">
  <template slot-scope="scope">
    {{scope.row.createTime | dateFormat('YYYY-MM-DD')}}
  </template>
</el-table-column>