vue中获取当前系统时间

vue中获取当前系统时间

HTML片段

<div>{{ nowDate + ' ' + nowTime + ' ' + nowWeek }}</div>

data中定义的值
data() {
return {
nowDate: “”, // 当前日期
nowTime: “”, // 当前时间
nowWeek: “”, // 当前星期
dialogTableVisible: false
};
},
在memethods中定义方法
currentTime() {
setInterval(this.getDate, 500);
},
getDate: function() {
var _this = this;
let yy = new Date().getFullYear();
let mm = new Date().getMonth() + 1;
let dd = new Date().getDate();
let week = new Date().getDay();
let hh = new Date().getHours();
let ms =
new Date().getSeconds() < 10
? “0” + new Date().getSeconds()
: new Date().getSeconds();
let mf =
new Date().getMinutes() < 10
? “0” + new Date().getMinutes()
: new Date().getMinutes();
if (week == 1) {
this.nowWeek = “星期一”;
} else if (week == 2) {
this.nowWeek = “星期二”;
} else if (week == 3) {
this.nowWeek = “星期三”;
} else if (week == 4) {
this.nowWeek = “星期四”;
} else if (week == 5) {
this.nowWeek = “星期五”;
} else if (week == 6) {
this.nowWeek = “星期六”;
} else {
this.nowWeek = “星期日”;
}
_this.nowTime = hh + “:” + mf + “:” + ms;
_this.nowDate = yy + “/” + mm + “/” + dd;
}
},
在mounted，HTML渲染后调用
mounted() {
this.currentTime();
},
// 销毁定时器
beforeDestroy: function() {
if (this.getDate) {
console.log(“销毁定时器”);
clearInterval(this.getDate); // 在Vue实例销毁前，清除时间定时器
}
}

转自：https://www.cnblogs.com/x-llin/p/11871893.html