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

版權聲明：本文爲博主原創文章，未經博主允許不得轉載。 https://blog.csdn.net/caomage/article/details/83588316

背景

  在使用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在線測試地址