Question

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

如何使用新的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')
  };
}

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

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

1 个答案: