vue获取当前日期,一个月前的时间,定时器,做个笔记而已,参考原文连接
1.创建实例时,加载定时器
created() {
this.currentTime()
},
2.methods
//获取当前时间
currentTime() {
setInterval(this.formatDate, 1000);
},
formatDate() {
let date = new Date(); //当天
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
month = month < 10 ? "0" + month : month;
day = day < 10 ? "0" + day : day;
let beforeTime = new Date(date.getTime() - 24 * 60 * 60 * 1000 * 30); //一个月前
let beforeTimeYear = beforeTime.getFullYear();
let beforeTimeMonth = beforeTime.getMonth() + 1;
let beforeTimeDay = beforeTime.getDate();
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
beforeTimeMonth = beforeTimeMonth < 10 ? "0" + beforeTimeMonth : beforeTimeMonth;
beforeTimeDay = beforeTimeDay < 10 ? "0" + beforeTimeDay : beforeTimeDay;
let afterTime = new Date(date.getTime() + 24 * 60 * 60 * 1000 * 2); //当前 2天后(相当于48小时)
let afterTimeYear = afterTime.getFullYear();
let afterTimeMonth = afterTime.getMonth() + 1;
let afterTimeDay = afterTime.getDate();
afterTimeMonth = afterTimeMonth < 10 ? "0" + afterTimeMonth : afterTimeMonth;
afterTimeDay = afterTimeDay < 10 ? "0" + afterTimeDay : afterTimeDay;
// this.curDate = `${year}-${month}-${day}`
// // this.curDate = year+"-"+month+"-"+day
// this.curDateBefore = beforeTimeYear + "-" + beforeTimeMonth + "-" + beforeTimeDay
// this.curDateAfter = afterTimeYear + "-" + afterTimeMonth + "-" + afterTimeDay
this.selectByForm.create_time=beforeTimeYear + "-" + beforeTimeMonth + "-" + beforeTimeDay + ' ' + h + ':' + m + ':' + s
},
3.实例销毁之前清空定时器
// 销毁定时器
beforeDestroy() {
if (this.formatDate) {
clearInterval(this.formatDate); // 在Vue实例销毁前,清除时间定时器
}
},
参考连接:原文