当前位置: 首页 > Web前端 > vue.js

Vue获取当前日期时间和星期几

时间:2023-04-01 01:21:23 vue.js

{{nowWeek}}

{{nowDate}}{{nowTime}}

data(){return{计时器:null,nowWeek:'',nowDate:'',nowTime:''}}mounted:mounted(){this.timer=setInterval(()=>{this.setNowTimes()},1000)}方法:setNowTimes(){//获取当前时间letmyDate=newDate()letwk=myDate.getDay()letyy=String(myDate.getFullYear())letmm=myDate.getMonth()+1letdd=String(myDate.getDate()<10?'0'+myDate.getDate():myDate.getDate())lethou=String(myDate.getHours()<10?'0'+myDate.getHours():myDate.getHours())letmin=String(myDate.getMinutes()<10?'0'+myDate.getMinutes():myDate.getMinutes())letsec=String(myDate.getSeconds()<10?'0'+myDate.getSeconds():myDate.getSeconds())letweeks=['星期日','星期一','星期二','星期三','星期四','星期五','星期六']letweek=weeks[wk]this.nowDate=yy+'-'+mm+'-'+ddthis.nowTime=hou+':'+min+':'+secthis.nowWeek=星期}