vue获取当前时间

最新推荐文章于 2024-08-15 14:01:50 发布

全栈小李

最新推荐文章于 2024-08-15 14:01:50 发布

阅读量616

点赞数 1

分类专栏：总结记录文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_45162683/article/details/125943769

版权

总结记录专栏收录该内容

25 篇文章 0 订阅

订阅专栏

    <template>
       <div>
           <span>{{times}}</span>
       </div>
    </template>

    data(){
     return{
      //时间
	 times: this.times ? this.this.times : '2022-7-23
     }
    }

mounted(){
    this.getTimes()
}

            getTimes() {
				setInterval(this.getTimesInterval, 1000);
			},
			getTimesInterval() {
				let _this = this;
				let year = new Date().getFullYear();
				let month = new Date().getMonth() + 1;
				let day = new Date().getDate();
				let hours = new Date().getHours();
				let minutes = new Date().getMinutes();
				let seconds = new Date().getSeconds();

				if (hours < 10) {
					hours = "0" + hours;
				}
				if (minutes < 10) {
					minutes = "0" + minutes;
				}
				if (seconds < 10) {
					seconds = "0" + seconds;
				}

				_this.times = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
			}