Vue 項目擷取目前系統時間解析成年月日周

簡單粗暴，直接上代碼：

<template>
  <span>{{ date }}</span>
  <span>{{ time }}</span>
</template>


data () {
  return:{
    time: '',
        date: '',
        week: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
  }
}

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

methods: {
  updateTime () {
        var cd = new Date()
        this.time = this.zeroPadding(cd.getHours(), 2) + ':' + this.zeroPadding(cd.getMinutes(), 2) + ':' + this.zeroPadding(cd.getSeconds(), 2)
        this.date = this.zeroPadding(cd.getFullYear(), 4) + '-' + this.zeroPadding(cd.getMonth() + 1, 2) + '-' + this.zeroPadding(cd.getDate(), 2) + ' ' + this.week[cd.getDay()]
      },
      zeroPadding (num, digit) {
        var zero = ''
        for (var i = 0; i < digit; i++) {
          zero += '0'
        }
        return (zero + num).slice(-digit)
      },
      handleCurrentChange (val) {
        this.currentPage = val
      },
}      

效果：

【版權聲明】本博文著作權歸作者所有，任何形式的轉載都請聯系作者擷取授權并注明出處！

【重要說明】本文為本人的學習記錄，論點和觀點僅代表個人而不代表當時技術的真理，目的是自我學習和有幸成為可以向他人分享的經驗，是以有錯誤會虛心接受改正，但不代表此刻博文無誤！