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)对比
-
处理前
-
处理后