TimePicker set Initial value

Topic: TimePicker set Initial value

jyappcloudcentech premium asked 4 years ago

Is it possible for the time-picker to have an initial value set for it. I have an edit form and want to prepopulate the timepicker with the current value selected.

Add comment

lyahim free answered 3 years ago

0 0 Best answer

Please insert min. 20 characters.

Hello Mikolaj!

I have same issue. Your recommendation is an alternate workaround, but on datePicker component works the v-model attribute for initialize the value.

Thank you, Mihaly

<mdb-date-picker
                :label="$t('match_create.event_date')"
                type="text"
                ref="eventDate"
                v-model="match.eventDate"
                class="required"
                required
              />
            </mdb-col>
            <mdb-col col="5">
              <mdb-time-picker
                :label="$t('match_create.event_time')"
                type="text"
                v-model="match.startTime"
                validation
                :hours-format="24"
              />
            </mdb-col>

Mikołaj Smoleński staff commented 3 years ago

In the new TimePicker2 setting default value using v-model directive works correctly. You can find latest documentation here: https://mdbootstrap.com/docs/vue/forms/time-picker/.

And here's working demo: https://vue.mdbootstrap.com/#/forms/pro/timepicker2

Best regards

Add comment

Mikołaj Smoleński staff answered 4 years ago