Vue + Element 中的時間自定義選擇框的數據傳參綁定分析與js格式化時間參數

 

 

 

 

 

 

 

 

 

 

 

 

val：(2) [Tue Aug 04 2020 00:00:00 GMT+0800 (中國標准時間), Wed Sep 30 2020 00:00:00 GMT+0800 (中國標准時間), __ob__: Observer]

 

initCustom (val) {

      console.log('00000')

      console.log(val)

      let startTime1 = val[0]

      let endTime1 = val[1]

 

　　let startTime = startTime1.getFullYear() + '-' + this.p((startTime1.getMonth() + 1)) + '-' + this.p(startTime1.getDate()) + ' ' + this.p(startTime1.getHours()) + ':' + this.p(startTime1.getMinutes()) + ':' + this.p(startTime1.getSeconds())

　　let endTime = endTime1.getFullYear() + '-' + this.p((endTime1.getMonth() + 1)) + '-' + this.p(endTime1.getDate()) + ' ' + this.p(endTime1.getHours()) + ':' + this.p(endTime1.getMinutes()) + ':' + this.p(endTime1.getSeconds())

 .......

 

p函數為不夠10添加0，使格式規范（2020-08-04 00:00:00）

p(s) {
      return s < 10 ? '0' + s : s
},

實現：

js格式化 Thu Mar 07 2019 12:00:00 GMT+0800 (中國標准時間) 及相互轉化

Tue Aug 04 2020 00:00:00 GMT+0800 (中國標准時間) 轉換為 2020-08-04 00:00:00

 

 

 

擴充：

2019-03-07 12:00:00轉換為 Thu Mar 07 2019 12:00:00 GMT+0800 (中國標准時間)
代碼如下

parserDate(date) {
      var t = Date.parse(date)
      if (!isNaN(t)) {
        return new Date(Date.parse(date.replace(/-/g, '/')))
      }
    },