Question

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

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属性来限制选择

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

验证日期或以其他方式验证日期

1 个答案: