MDBVUE 4 Datepicker

Mikołaj Smoleński staff commented 3 years ago

Ok, so what you want is actually an old one picker without outline styling. The code will be similar, but you will have to import mdb-date-picker instead of mdb-date-picker-2:

<mdb-date-picker v-model="date" label="Basic example"/>

Keep coding!

Mikołaj Smoleński staff commented 2 years ago

Here's how we made validation example:

        <form @submit.prevent="checkForm" novalidate>
          <mdb-date-picker
            v-model="validation.value"
            :validation="validation.validated"
            :isValid="validation.valid"
            required
            @change="validate()"
            validFeedback="Look's good."
            invalidFeedback="Please pick a date"
            label="Validated date"
          />
          <mdb-btn type="submit">Submit</mdb-btn>
        </form>

methods: {
   validate() {
      console.log(this.validation.value);
      if (this.validation.value) {
        this.validation.valid = true;
        this.validation.validated = true;
      } else {
        this.validation.valid = false;
      }
    },
  },
  data() {
    return {
      validation: {
        value: null,
        valid: false,
        validated: false
      },
    };
}

Keep coding!