vue element-ui 表格数据时间格式化的方法

一、如果后端数据是时间戳 /1470220594000/

<el-table-column prop="AuditEndTime" label="处理时间" :formatter="dateFormat"></el-table-column>

主要是:formatter=“dateFormat” 这个属性

formatter 用来格式化内容 Function(row, column, cellValue, index)

然后在 methods 方法对象里 添加 如下方法

代码如下：

//时间格式化
 dateFormat(row, column, cellValue, index){
     const daterc = row[column.property]
     if(daterc){
        const dateMat= new Date(parseInt(daterc.replace("/Date(", "").replace(")/", ""), 10));
        const year = dateMat.getFullYear();
	    const month = dateMat.getMonth() + 1;
	    const day = dateMat.getDate();
	    const hh = dateMat.getHours();
	    const mm = dateMat.getMinutes();
	    const ss = dateMat.getSeconds();
	    const timeFormat= year + "/" + month + "/" + day + " " + hh + ":" + mm + ":" + ss;
     	return timeFormat;
     }
 }

格式化后：

2018/2/27 8:59:19

二、如果数据是 2021-09-01T15:57:24.148+0800

dateFormat (row, column, cellValue, index) {
      const daterc = row[column.property]
      console.log(row, column)
      if (daterc) {
        if (daterc.indexOf('T') === -1) return daterc
        const arr = daterc.split('T')
        const d = arr[0]
        const darr = d.split('-')
        const t = arr[1]
        const tarr = t.split('.000')
        const marr = tarr[0].split(':')
        const dd = darr[0] + '-' + darr[1] + '-' + darr[2] + ' ' + marr[0] + ':' + marr[1] + ':' + marr[2].substring(0, 2)
        return dd
      }
    }

还有其他方法也可以解决，比如使用过滤器filters