validation - Vuelidate 日期输入

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 ://monterrail.github.io/vuelidate/#sub-builtin-validators

无论如何，您可以使用像luxon这样的 JS lib并创建您的自定义验证器来检查日期。

Luxon 有很好的文档，您可以在其中找到真正有用的方法，例如plus或diff，在您的情况下可以很方便:)