el-element el-table-column将日期格式化(单页面)

1、先在npm中下载moment

npm install vue-moment --save

2、代码中 prop是字段名   label是描述  min-width是设置最小宽度 ：

     formatter不能变，是固定的

<el-table-column
        prop= 'created_at'
        label="添加时间"
        min-width="180"
        :formatter="formatDate">
</el-table-column>

3、 在js模块引入moment

import moment from 'moment'

3、方法模块

其中formatDate为方法名 注意：需要与第二步中的名字一样

    formatDate(row,column) {
      let data = row[column.property]
      if (data == null) {
        return null
      }
      return moment(data).format('YYYY-MM-DD HH:mm:ss')
  },

根据需求选择日期格式

年月日 YYYY-MM-DD

时分秒 HH:mm:ss

4、即可使用 ending 

有疑问可以评论或者私信