1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > vue获取当前时间和前一天时间_vue获取当前时间并实时刷新时间

vue获取当前时间和前一天时间_vue获取当前时间并实时刷新时间

时间:2020-02-20 04:23:03

相关推荐

vue获取当前时间和前一天时间_vue获取当前时间并实时刷新时间

{{currentTime}}

data() {

return{

timer: "",//定义一个定时器的变量

currentTime: new Date(), // 获取当前时间

}

},

created() {

var vm = this;

vm.timer = setInterval(() => {

var y = new Date().getFullYear();

var m = vm.appendZero(new Date().getMonth() + 1);

var d = vm.appendZero(new Date().getDate());

var ho = vm.appendZero(new Date().getHours());

var mi = vm.appendZero(new Date().getMinutes());

//修改数据date

vm.currentTime = y + "/" + m + '/' + d + ' ' + ho + ':' + mi;

}, 1000);

},

methods: {

//时间过滤加0

appendZero(obj) {

if (obj<10) {

return "0" + obj;

} else {

return obj;

}

},

},

beforeDestroy() {

if (this.timer) {

clearInterval(this.timer); // 在Vue实例销毁前,清除我们的定时器

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。