Проблемы с Vuetify DateTime Picker и VeeValidate

Ошибки Vuetify Stepper, DateTime Picker и VeeValidate

Я реализую сайт через Vue, используя Vuetify и VeeValadite. У меня следующие проблемы.

  1. Дата не соответствует формату. Хочу в таком формате «10 октября-2019». Использовал плагин, но похоже, что он не работает.

  2. Появляется следующая ошибка, когда я пытаюсь выбрать дату рождения директора и возвращаемое значение как false.

[Предупреждение Vue]: Недопустимое свойство: проверка типа для свойства "значение" завершилась неудачно. Ожидаемый массив String получил логическое значение со значением false.

  1. Удаление директоров и акционеров. Он удаляет первый вместо текущего. Например, когда я нажимаю «Удалить» элемента «Джейн Доу», он удаляет «Джон Доу» вместо «Джейн Доу».

  2. По поводу VeeValidate, есть ли способ собрать ошибку? Теперь отображается поле "Директора [индекс]. Имя".

Это код

`https://codepen.io/hiro-john/pen/xxxwaWZ`

Я искал решения в течение 2 дней, а я все еще не мог его решить. Ценю вашу помощь.


vuetify.js vuejs2 vee-validate
person latt    schedule 12.10.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Частичный ответ относительно средства выбора даты окончания финансового года:

Вы используете v-model для неправильного фрагмента данных, поэтому он не показывает правильный формат даты (ваше вычисленное свойство). Изменение оператора v-model на:

v-model="computedDateFormattedMomentjs"

а затем измените computedDateFormattedMomentjs на:

computedDateFormattedMomentjs () { return moment(this.Financial_Year_End).format("DD-MMM-YYYY"); }

позволяет правильно обновлять дату и отображать нужный формат.

person hellkat_    schedule 13.10.2019