格式化el-table中的时间

格式化为xxxx-xx-xx

方法一：使用时间过滤器

通过yarn add导入moment，之后再app.vue中写入以下代码（在app.vue中写，可以全局使用）

//过滤日期
import Vue from 'vue'
import moment from "moment"  
Vue.filter('dateFilter', (data) => {
  // 日期处理函数 - moment
  if (data !== '' && data !== null && data !== undefined) {
    return moment(data).format('YYYY-MM-DD')
  }else {
    return data
  }
})

el-table表格写法

<el-table-column label="操作日期">
      <template slot-scope="scope">
           {{scope.row.regTime | dateFilter}}
       </template>
</el-table-column>  

方法二：通过element自带的formatter属性

 

 

<el-table-column prop="regTime" :formatter="dateFormat" label="操作日期"></el-table-column> 

methods中定义dateFormat方法

 

//格式化表格时间
dateFormat(row,column){
    let date = row[column.property]
    return moment(date).format('YYYY-MM-DD')
},