ElementUi Table中格式化日期

先看效果：

其实ElementUi中的table日期格式化即其列的格式化，就要用到

:formatter这个属性

 <el-table-column
              prop="createTime"
              label="创建日期"
              width="150"
              align="center"
             :formatter="dateFormat">
          </el-table-column>

如上，为格式化定义了dateFromat方法

 

然后写自己的这个自定义方法就行，可以自己写，也可以下载moment.js插件

  /*日期处理*/
    dateFormat:function(row,column){
      var date = row[column.property];
      if(date === undefined){
        return ''
      }
      return moment(date).format("YYYY-MM-DD HH:mm:ss")
    },

我用的是comment.js,所以在使用前，会执行如下：

npm install moment --save

然后在使用的vue文件中引入即可：

import moment from "moment"

如果不想下载，就自己写个格式化函数库也是可以的。