【问题标题】:VueJs - el-date-picker : How to set format default value new Date()VueJs - el-date-picker:如何设置格式默认值 new Date()
【发布时间】:2018-12-01 15:06:15
【问题描述】:

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

【问题讨论】:

    标签: datepicker vuejs2 element-ui


    【解决方案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')
      };
    }
    

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-10
      • 1970-01-01
      • 2021-10-12
      • 2021-07-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多