1. 程式人生 > >ElementUI的DatePicker多個日期選擇器預設沒有選中樣式的問題

ElementUI的DatePicker多個日期選擇器預設沒有選中樣式的問題

背景

  在使用vue+element開發的時候由於專案需要,需要使用element日期選擇器裡面的支援多選以及跳選的日期選擇器。
  就是這貨:
code:

 <el-date-picker v-model="value13" type="dates">
 </el-date-picker>

日期選擇器

  它可以支援跳選,還是一個比較實用的日期選擇器:

支援跳選

問題

  在使用過程中發現一個很蛋疼的問題,該日期選擇器並不會按照預想的點選之後將預設填充的日期選中:
沒有預設選中

解決

  歷經千辛萬苦無法解決,只好去官方GitHub提issue,很快得到回覆。原來因為dates的取值是每一天的0點整,傳入的預設值是當前時間,與0點不同 所以沒有應用選中樣式,如果要預設選擇當天,預設值請設定為 new Date(new Date().setHours(0,0,0,0))。
code:

data() {
      return {
        value13: [new Date(new Date().setHours(0,0,0,0))]
      };
    }

  這樣就行了!
已經好了

jsfiddle線上測試地址