<template>
<div id="homeHeader" class="clearfix">
<div class="nav clearfix">
<a class="datastyle txt">{{date | formatDateTime}}</a>
</div>
</div>
</template>
<script>
export default {
name: "homeHeader",
data() {
return {
date: new Date()
};
},
filters: {
formatDateTime(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;
//或 let s = (date.getSeconds()).toString().padStart(2,'0');
return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
}
},
mounted() {
var that = this;
this.timer = setInterval(() => {
that.date = new Date(); //修改数据date
}, 1000);
},
beforeDestroy() {
if (this.timer) {
clearInterval(this.timer); //在Vue实例销毁前,清除我们的定时器
}
},
created() {
},
methods: {
}
};
</script>
vue获取当前时间 filters过滤器
最新推荐文章于 2022-05-16 18:05:22 发布