時間格式的轉化 vue與js 年月日 時分秒

首先使用原生轉化的方法

第一種

    //時間轉換
    dateStr(d, sign) {
      //如果沒有傳遞符號，給一個默認的符號
      if (!sign) {
        sign = '-'
      }
      //獲取d里面年月日時分秒
      let year = d.getFullYear(),
        month = d.getMonth() + 1,
        sun = d.getDate(),
        hours = d.getHours(),
        minutes = d.getMinutes(),
        seconds = d.getSeconds()

      return (
        year +
        sign +
        this.mendZero(month) +
        sign +
        this.mendZero(sun) +
        ' ' +
        this.mendZero(hours) +
        ':' +
        this.mendZero(minutes) +
        ':' +
        this.mendZero(seconds)
      )
    },
    //時間轉換補零
    mendZero(num) {
      return (num = num < 10 ? '0' + num : num)
    },

調用的時候 就在方法里直接 return 出結果

  // 調用方法
    getDate() {
      console.log(this.dateStr(new Date()))
    },　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　輸出結果 為 2020-04-20 17:58:54

第二種 這種其實和上邊的是一樣的思路，只是補零操作 直接用三木判斷了，代碼更簡潔

//時間格式轉換
    dealWithTime(date) {
      let Y = date.getFullYear()

 　　　　let M = date.getMonth() + 1 - 0 >= 10 ? Number(date.getMonth()) + 1 : '0' + (Number(date.getMonth()) + 1)

      let D = date.getDate()
      let h = date.getHours() >= 10 ? date.getHours() : '0' + date.getHours()
      let m = date.getMinutes() >= 10 ? date.getMinutes() : '0' + date.getMinutes()
      let s = date.getSeconds() >= 10 ? date.getSeconds() : '0' + date.getSeconds()
      return Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s
    },　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　輸出結果 為 　　2020-04-20 18:04:42

vue的方法 更簡單

　　使用vue的 moment

　　安裝 npm install moment --save

　　在main.js中全局引入  import moment from 'moment'

　　Vue.prototype.$moment = moment

　　則在別的文件就可以直接調用了

　　

    getDate() {
      console.log(this.$moment(new Date()).format('YYYY-MM-DD  HH:mm:ss'))
    },　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　輸出結果 為 　　2020-4-20 18:04:42