vue获取当前日期,一个月前,2天后时间

<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版权协议,转载请附上原文出处链接和本声明。