Vuelidate日期输入

Question

我在我的vue应用中使用了vuelidate。我想设置一个星期后的date 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这样的JS并创建你的custom validator来检查日期。

Luxon有很好的文档，您可以在其中找到非常有用的方法，如plus或diff，这些方法在您的情况下可能很方便:)