初学者用了element 的Vue框架,搭,遇到了数据库是时间戳的格式,数据在前端页面显示也是时间戳,因为我们后端,给的时间数据一般都是时间戳格式的,这样才方便前端进行多种的时间格式转换,下面分享一下使用转换的过程:
首先我们会用到过滤器:
filters: {//过滤器
//时间戳转日期
formatDate: function (value) {
let date = new Date(value * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
let y = date.getFullYear();
let MM = date.getMonth() + 1;
MM = MM < 10 ? ('0' + MM) : MM;
let d = date.getDate();
d = d < 10 ? ('0' + d) : d;
let h = date.getHours();
h = h < 10 ? ('0' + h) : h;
let m = date.getMinutes();
m = m < 10 ? ('0' + m) : m;
let s = date.getSeconds();
s = s < 10 ? ('0' + s) : s;
// return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;//多种时间格式的拼接
return y + '-' + MM + '-' + d;
}
},
之后我们只需要进行调用即可。
<span >{{data.createtime | formatDate}}</span>
这样就可以达到我们的目的。