el-date-picker устанавливает значение по умолчанию только для года и месяца, а день не может быть выделен

Question

Я использую компонент el-date-picker, я ожидаю использовать: default-value, чтобы установить дату выделения по умолчанию на указанную дату вместо текущей локальной даты.но факт в том, что раскрывающийся список можно найти на 2019-02, и ожидаемая дата не выделена, что здесь не так?

<el-date-picker
  v-model="value8"
  type="date"
  placeholder="Pick a date"
  :default-value="defaultDate">

data() {
return {
  defaultDate: new Date('2019-02-22')
}}

см. мой jsfiddle: https://jsfiddle.net/48ehxz9n/

Answer 1

Вы можете установить выбранную дату на дату по умолчанию, если вы ожидаете, что она будет подсвечена при щелчке выбора времени

HTML

<div id="app">
<template>
  <div class="block">
    <span class="demonstration">date</span>
    <el-date-picker
      v-model="selectedDate"
      type="date"
      placeholder="Pick a date"
      :default-value="defaultDate">
    </el-date-picker>
    {{defaultDate}} |
    {{selectedDate}}
  </div>
</template>
</div>

JS

var Main = {
  data() {
    return {
    selectedDate: new Date('2019-02-22'),
    defaultDate: new Date('2019-02-22')
    }
  }
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

Answer 2

По какой-то причине стили не имеют определения для класса default, и это является причиной открытия issue. В качестве вспомогательного решения добавьте определение вручную:

.el-date-table td.default span {
    color: #409eff;
    font-weight: 700;
}

[https://jsfiddle.net/7cw5rz3u/]