Vue 获取当下日期时间及周几

html:

{{nowWeek}}

{{nowDate}}{{nowTime}}

script:

data () {
    return {    
        timer: null,    
        nowWeek: '',    
        nowDate: '',    
        nowTime: ''  
      }

}

mounted:

mounted () {
    this.timer = setInterval(() => {    
    this.setNowTimes()  
},1000)} 

methods:

setNowTimes () {  
    //获取当前时间
    let myDate = new Date()  
    let wk = myDate.getDay()  
    let yy = String(myDate.getFullYear())  
    let mm = myDate.getMonth() + 1  
    let dd = String(myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate())  
    let hou = String(myDate.getHours() < 10 ? '0' + myDate.getHours() : myDate.getHours())  
    let min = String(myDate.getMinutes() < 10 ? '0' + myDate.getMinutes() : myDate.getMinutes())  
    let sec = String(myDate.getSeconds() < 10 ? '0' + myDate.getSeconds() : myDate.getSeconds())  
    let weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
    let week = weeks[wk]  
    this.nowDate = yy + '-' + mm + '-' + dd  
    this.nowTime = hou + ':' + min + ':' + sec  
    this.nowWeek = week

}`

你可能感兴趣的:(前端vue.js)