技術標籤：Vuevue

新增value-format屬性後的坑

• • • • 前言
      • 看圖
      • 程式碼
      • 解決
      • 結尾

前言

今天遇到一個日期時間選擇器的坑, 選擇的時間是00:00:00 點選確定後變成12:00:00
找了一會 也沒發現是哪裡有問題，當我把 value-format屬性刪除後 發現正常了, 就是value-format造成的。

看圖

程式碼

<el-form-item label="稽核時間"  class="create-time-item">
  <el-date-picker
    v-model="checkTime"
 

    value-format="yyyy-MM-dd hh:mm:ss"
    type="datetimerange"
    range-separator="至"
    start-placeholder="開始日期"
    end-placeholder="結束日期">
  </el-date-picker>
</el-form-item>

解決

// 暫時沒找到解決辦法，使用了同事之前寫好的工具datePattern 將時間轉為字串

checkTimeStart:
 
 _this.checkTime ? datePattern(_this.checkTime[0], 'yyyy-MM-dd HH:mm:ss') : '',
checkTimeEnd: _this.checkTime ? datePattern(_this.checkTime[1], 'yyyy-MM-dd HH:mm:ss') : ''

結尾

各位大佬有何良策