Vue 时间戳转日期格式

初学者用了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>

这样就可以达到我们的目的。