подтвердить дату в Vuelidate или любым другим способом - PullRequest
Новая
       21

подтвердить дату в Vuelidate или любым другим способом

0 голосов
/ 22 декабря 2018

Я пытаюсь подтвердить дату в vuelidate.Я хочу выбрать сегодняшнюю дату или дату в прошлом.Но это не работает.Вот мой минимальный код: 

import { required, maxValue } from 'vuelidate/lib/validators'

validations: {
    operationalsince: { required, maxValue: maxValue(new Date()) }
},

computed: {
    operationalsinceErrors () {
    !this.$v.operationalsince.maxValue && errors.push('Date is invalid')
}

Я также пробовал атрибуты v-date-picker: 

:max-date="new Date()" :disabled-dates="{ start: new Date(), end: null }"

Но я не достигаю того, чего хочу достичь.Спасибо за любые предложения.

1 Ответ

0 голосов
/ 22 декабря 2018

Насколько я могу судить, v-date-picker не поддерживает сообщения об ошибках проверки, однако вы можете ограничить выбор с помощью свойств max, min или allowed-dates.

max и min берут дату в формате ISO (например, max = "2018-03-20"), поэтому вам необходимо использовать: 

 <v-date-picker
        label="operationalsince"
        v-model="operationalsince"
        :max="new Date().toISOString()"
        @input="$v.operationalsince.$touch()"
        @blur="$v.operationalsince.$touch()"
        required
      ></v-date-picker>

Рабочая CodePen

...