vue element-ui 表格数据时间格式化的方法
如果后端数据是时间戳 /1470220594000/<el-table-column prop="AuditEndTime" label="处理时间" width="120" :formatter="dateFormat" align="center"></el-table-column>主要是:formatter=“dateFormat” 这个属性formatter 用来
·
一、如果后端数据是时间戳 /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
更多推荐
已为社区贡献25条内容
所有评论(0)