效果: 2022年07月12日 星期二 17:19:29new Date()
前言
一、new Date()在vue2中使用new Date() 转换为年月日时分秒以及星期几
二、使用步骤 1.data中声明定时器以及在methods中的方法代码如下(示例):
timeFormate (timeStamp) {
let y = new Date(timeStamp).getFullYear().toString()
let M = new Date(timeStamp).getMonth() + 1 < 10 ? '0' + (new Date(timeStamp).getMonth() + 1) : new Date(timeStamp).getMonth() + 1
let d = new Date(timeStamp).getDate() < 10 ? '0' + new Date(timeStamp).getDate() : new Date(timeStamp).getDate()
let h = new Date(timeStamp).getHours() < 10 ? '0' + new Date(timeStamp).getHours() : new Date(timeStamp).getHours()
let m = new Date(timeStamp).getMinutes() < 10 ? '0' + new Date(timeStamp).getMinutes() : new Date(timeStamp).getMinutes()
let s = new Date(timeStamp).getSeconds() < 10 ? '0' + new Date(timeStamp).getSeconds() : new Date(timeStamp).getSeconds()
let w = new Date(timeStamp).getDay().toString()
switch (w) {
case '1':
w = '一'
break
case '2':
w = '二'
break
case '3':
w = '三'
break
case '4':
w = '四'
break
case '5':
w = '五'
break
case '6':
w = '六'
break
default:
w = '日'
}
this.nowTime = y + '年' + M + '月' + d + '日' + ' ' + '星期' + w + ' ' + h + ':' + m + ':' + s
},
nowTimes () {
this.timeFormate(new Date())
this.dateTimer = setInterval(this.nowTimes, 1000)
},
2.在mouted中挂载数据以及在beforeDestroy中销毁定时器
代码如下(示例):
mouted () {
this.nowTimes()
},
beforeDestroy () {
if (this.dateTimer) {
clearInterval(this.dateTimer)
}
}


