在 vuelidate 或任何其他方式中验证日期

Question

我正在尝试验证 vuelidate 中的日期。我想 select 今天的日期或过去的日期。但它不起作用。这是我的最小代码：

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 }"

但是我没有达到我想达到的目的。感谢您的任何建议。

Answer 1

据我所知 v-date-picker 不支持验证错误消息，但是您可以使用 max、min 或 [=14= 来限制选择] 属性。

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

在 vuelidate 或任何其他方式中验证日期

validate date in vuelidate or any other way

vuetify.js

vuelidate