VueJs - el-date-picker：如何设置格式默认值 new Date()

Question

我使用 el-date-picker 设置表单日期，默认值为新日期。但是当它保存日期的值是yyyy-MM-dd。

如何使用 new Date() 设置 :default-value 并将新日期格式化为 yyyy-MM-dd？

这是我的代码

<el-date-picker v-model="value1" type="date" placeholder="Pick a day"
   format="dd-MM-yyyy" value-format="yyyy-MM-dd" :default-value="defaultDate">
</el-date-picker>

return {
    defaultDate: new Date('2018-06-22')
  };

这是我的小提琴：https://jsfiddle.net/dede402/8fkmt2wv/11/

Answer 1

好吧，我希望我能正确理解您的问题，但在我看来，default-value 属性的工作方式可能与您预期的不同。

它不将默认值设置为模型变量以防模型变量未设置，但是当您打开日期选择器（日历小部件）时，您可能会看到它设置为月份和您在default-value 中指定的年份。

正如文档 (http://element.eleme.io/#/en-US/component/date-picker#default-value) 明确所说：

如果用户没有选择日期，默认显示今天的日历。您可以使用默认值来设置另一个日期。

如果您想为模型变量设置默认值（value1 在您的小提琴中），只需执行以下操作：

data() {
  return {
    value1: new Date('2018-06-22')
  };
}

这将设置默认值，您可能期望。