VueJs - el-date-picker: как установить значение формата по умолчанию new Date ()

Я использую 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/


datepicker vuejs2 element-ui
person dede.brahma    schedule 22.06.2018    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Что ж, надеюсь, я правильно понимаю вашу проблему, но мне кажется, что атрибут default-value работает иначе, чем вы, вероятно, ожидаете.

Он не устанавливает значение по умолчанию для переменной модели в случае, если переменная модели не установлена, но когда вы открываете средство выбора даты (виджет календаря), вы можете увидеть, что он установлен на месяц и год, которые вы указано в default-value.

Как документы (http://element.eleme.io/#/en-US/component/date-picker#default-value) четко сказано:

Если пользователь не выбрал дату, по умолчанию отображается сегодняшний календарь. Вы можете использовать значение по умолчанию, чтобы установить другую дату.

Если вы хотите установить значение по умолчанию для переменной модели (value1 в вашей скрипке), просто выполните:

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

Вы, вероятно, ожидаете, что это установит значение по умолчанию.

person jedik    schedule 18.10.2018