vue+elementUI 项目中使用 过滤器 filter 格式化日期时间戳

1、 后台传来的时间格式

      tchhdAddDate: "2020-09-24T03:13:01.000+0000"

2、想展示出来的格式

      tchhdAddDate: "2020-09-24 3:13:01"

3、处理流程

（1）使用

      <el-table-column slot="tdhhAddDate" label="添加时间" align="center" width="180">
        <template slot-scope="scope">
          <span>{{ scope.row.tdhhAddDate | dateFormat }}</span>
        </template>
      </el-table-column>

（2）定义

export default {
     ......
  filters: {
    dateFormat (val) {
      if (val == null || val == '') {
        return ''
      } else {
        let d = new Date(val) // val 为表格内取到的后台时间
        let month = d.getMonth() + 1 < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1
        let day = d.getDate() < 10 ? '0' + d.getDate() : d.getDate()
        let hours = d.getHours() < 10 ? '0' + d.getHours() : d.getHours()
        let min = d.getMinutes() < 10 ? '0' + d.getMinutes() : d.getMinutes()
        let sec = d.getSeconds() < 10 ? '0' + d.getSeconds() : d.getSeconds()
        let times = d.getFullYear() + '-' + month + '-' + day + ' ' + hours + ':' + min + ':' + sec
        return times
      }
    }
  }
}

（3）对比

• 处理前
  

• 处理后