1：data中定义 time: Date.parse(new Date()) //拿到时间戳
2: vue filters过滤器 处理数据
filters: {
// value是时间戳
formatDate: function(value) {
// console.log('我是过滤器的value',new Date(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 h + ':' + m + ':' + s;
}
},
3：mounted 和 beforeDestroy 分别处理
mounted() {
this.datetime = setInterval(() => {
this.time = Date.parse(new Date());
}, 1000);
},
beforeDestroy() {
// if (this.datetime) {
clearInterval(this.datetime); // 在Vue实例销毁前，清除我们的定时器
// }
},
4：标签中使用
<div class="date-time">{{ time | formatDate }}</div>
