Modes
date//
2026-01-15 14:30:00 time::
2026-01-15 14:30:00 datetime//::
2026-01-15 14:30:00 <DateTimePickerComponent v-model="date" mode="date" :min-year="2000" />
<DateTimePickerComponent v-model="time" mode="time" />
<DateTimePickerComponent v-model="dateTime" mode="datetime" />
Custom format
Tokens: yyyy, MM, dd, HH (0–23), hh (1–12), mm, ss, tt (AM/PM). Any other characters are shown as separators.
--:
2026-01-15 14:30:00<DateTimePickerComponent v-model="value" format="yyyy-MM-dd HH:mm" />
API
Props
| Name | Type | Default | Description |
|---|
v-model | Date | new Date() | Selected date and time. |
mode | 'date' | 'time' | 'datetime' | 'datetime' | Picks a default format when format is not set. |
format | string | by mode | date: 'MM/dd/yyyy', time: 'hh:mm:ss tt', datetime: both. |
minYear | number | 1900 | First year in the year list. |
maxYear | number | current year + 10 | Last year in the year list. |
disabled | boolean | false | Disable every select. |