el-date-picker 设置default-value只给年月，日不能高亮

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

由于某些原因，样式没有 class default, and this is the reason to open the issue 的定义。作为辅助方案，手动添加定义：

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

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

Answer 2

如果您希望在单击日期时间选择器时突出显示所选日期，则可以将所选日期设置为默认日期

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')

el-date-picker 设置default-value只给年月，日不能高亮

el-date-picker sets default-value only to the year and month, and the day cannot be highlighted

vue.js

vuejs2

element-ui