el-date-picker 设置 default-value 只为年和月，不能高亮显示日期答案

【问题标题】：el-date-picker sets default-value only to the year and month, and the day cannot be highlightedel-date-picker 设置 default-value 只为年和月，不能高亮显示日期
【发布时间】：2019-03-28 02:12:07
【问题描述】：

我正在使用 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/

【问题讨论】：

标签： vue.js vuejs2 element-ui

【解决方案1】：

由于某种原因，样式没有类default 的定义，这就是打开issue 的原因。作为辅助解决方案，手动添加定义：

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

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

【讨论】：

【解决方案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>

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

【讨论】：