验证日期输入

Question

我在我的 vue 应用程序中使用 vuelidate。我想为从现在起一周后的日期 minDate 和 3 个月后的 maxDate 设置验证。

<label class="input__label" for="account_date">Ważne do:</label>
<input type="date"
       class="input__col"
       id="account_date"
       v-model="date"
       @input="$v.date.$touch"
       required>

-

date: {
    required,
    //minDate
},

我在 vuelidate 文档中找不到任何关于日期的信息。

Answer 1

不幸的是，vuelidate 中没有内置的日期验证器： https://monterail.github.io/vuelidate/#sub-builtin-validators

无论如何，你可以使用像luxon and create your custom validator这样的JS库来检查日期。

Luxon 有很棒的文档，您可以在其中找到非常有用的方法，例如 plus or diff，在您的情况下可以派上用场:)

验证日期输入

Vuelidate date input

validation

vue.js

vuejs2

vuelidate