收到的后端数据格式 2022-07-08T08:58:08+0000(国际标准化组织的国际标准——ISO 8601)
想要展示的数据格式 2023-02-10 18:54:26(标准时间)
处理方式1:使用:formatter
进行处理
html代码:
<el-table-column align="center" prop="createTime" sortable label="申请时间" min-width="130" :formatter="formatDate"> </el-table-column>
js代码:
function formatDate(row, column) {
let data = row[column.property];
if (data == null) {
return null;
}
let dt = new Date(data)
return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds()
}
处理方式2:使用template
进行处理,优点:可以自定义,比如在前面加入icon图标
html代码:
<el-table-column align="center" prop="createTime" sortable label="申请时间"
min-width="130">
<template slot-scope="scope">
<i class="el-icon-time"></i>
<span>{{ getSimpleDate(new Date(scope.row.createTime)) }}</span>
</template>
</el-table-column>
<!-- new Date(scope.row.createTime)是将收到的时间转换为中国标准时间 -->
js代码:
//中国标准时间转换为标准时间
function getSimpleDate(date) {
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? ('0' + m) : m;
var d = date.getDate();
d = d < 10 ? ('0' + d) : d;
var h = date.getHours();
var minute = date.getMinutes();
minute = minute < 10 ? ('0' + minute) : minute;
var s = date.getSeconds();
s = s < 10 ? '0' + s : s;
return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + s;
}
效果:
标签:el,10,column,date,var,table,dt,minute From: https://www.cnblogs.com/zdmblogs/p/17113757.html