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

Question

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

如何使用新日期（）设置：默认值并将新日期格式化为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')
  };
}

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