[Vuejs]-Vue vee-validate issue capturing date-picker selection

by

0👍

to solve this issue there is two approaches.
note: you can use any date picker you prefer.
First:

<Field
  name="start_date"
  :class="{'is-invalid': errors.start_date}"
  v-slot="{ field }"
  class="form-control"
   >

<el-date-picker
    v-bind="field"
    type="date"
    placeholder="Pick a day"
    size="default"
 />
  </Field>

II approach

<Form @submit="onSubmit" :validation-schema="schema" v-slot="{errors, values}">

<Field
     name="end_date"
     :class="{'is-invalid': errors.end_date}"
     class="form-control"
     type="date"
>
 
</Field>
</Form>

For more info check the vee-validate docs.
here is the link: https://vee-validate.logaretm.com/v4/api/field/

Leave a comment