Vuelidate date input

Question

I'm using vuelidate in my vue app. I want to set validation for date minDate for one week from now and maxDate for 3 months from now.

<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
},

I can't find anything about date in vuelidate docs.

achwilko · Accepted Answer · 2019-01-31T22:58:42.250

-1

Unfortunately, there are no built-in validators for date in vuelidate: https://monterail.github.io/vuelidate/#sub-builtin-validators

Anyway, you can use JS lib like luxon and create your custom validator to check dates.

Luxon has great documentation where you can find really helpful methods like plus or diff that can be handy in your case :)

edited Jan 31 '19 at 22:58

answered Jan 31 '19 at 22:52

achwilko

774
5
7

Can I somehow achive it without this luxon lib? I don't really want to add entire lib just for one date input. – BT101 Jan 31 '19 at 22:57
Sure, you can use vanilla JS to check dates and build vuelidate custom validator :) – achwilko Jan 31 '19 at 22:59

Vuelidate date input

1 Answers1