在项目中时常会遇到后端给的时间没有格式化,有时候不想麻烦就自己解决。
页面上的呈现是这样的
<p>时间<a>{{startTime }}</a></p>
拿到的是这个样子
2022-12-07T09:33:23.514
这就需要我们前端做处理
页面上需要做修改
<p>时间<a>{{startTime | formatTimer}}</a></p>
// 时间过滤器
filters: {
formatTimer: function(value) {
let date = new Date(value);
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;
}
},
然后渲染就是这个样子
2022-12-07 09:33
这是我用到的,欢迎有意见多多提问