场景
前端使用el-table查询到后台的数据的某一列时间列默认是标准UTC格式,如果想按照自己想显示的格式获取年月日和时分秒进行显示怎么办。
注:
博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。
实现
在此列上添加template,显示的内容调用函数parseDateFull,参数为后台返回的时间。
<el-table-column
label="处理时间"
align="center"
prop="clsj"
width="180"
>
<template slot-scope="scope">
<span>{{ parseDateFull(scope.row.clsj) }}</span>
</template>
</el-table-column>
然后定义函数parseDateFull的实现
parseDateFull(time) {
var x = new Date(time);
var z = {
y: x.getFullYear(),
M: x.getMonth() + 1,
d: x.getDate(),
h: x.getHours(),
m: x.getMinutes(),
s: x.getSeconds(),
};
if (z.M < 10) {
z.M = "0" + z.M;
}
if (z.d < 10) {
z.d = "0" + z.d;
}
if (z.h < 10) {
z.h = "0" + z.h;
}
if (z.m < 10) {
z.m = "0" + z.m;
}
return z.y + "-" + z.M + "-" + z.d + " " + z.h + ":" + z.m ;
}
效果
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/136518.html