<div id="app" v-clock>
<p>当前:{{curDate}}</p>
<p>一个月前:{{curDateBefore}}</p>
<p>2天后:{{curDateAfter}}</p>
</div><script src="https://test-jlp-mobile.familyfaces.cn/static/common/js/vue.min.js"></script>
<script>
const vm = new Vue({
el:"#app",
data:{
curDate:'', //当前日期
curDateBefore:'', //往前一个月
curDateAfter:'', //未来48小时
},
created() {
this.currentTime()
},
methods: {
currentTime() {
setInterval(this.formatDate, 500);
},
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();
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
},
},
// 销毁定时器
beforeDestroy() {
if (this.formatDate) {
clearInterval(this.formatDate); // 在Vue实例销毁前,清除时间定时器
}
},
})
</script>版权声明:本文为zhuwang219原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。