vuetify.js - 以 vuelidate 或任何其他方式验证日期

Question

我正在尝试在 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 }"

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

Answer 1

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

maxand采用minISO 格式的日期（例如 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>

工作代码笔