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

Question

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

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

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

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

[Vue warn]: недопустимая проп: проверка типа не выполнена для значения «проп». Ожидаемый массив, строка, получил логическое значение со значением false.

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

Что касается VeeValidate, есть ли способ собрать ошибку? Теперь он показывает поле «Directors [index] .Name».

Это кодовое поле

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

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

Answer 1

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

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

v-model="computedDateFormattedMomentjs"

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

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

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