DatePicker

This is an overview of the most common usage of DatePicker. For more information about the available properties, methods, or events, head over to the complete API documentation for DatePicker.

<DatePicker> is a UI component that lets users select a date from a pre-configured range.

See also: TimePicker.


<DatePicker :date="someDate" />

<DatePicker> provides two-way data binding using v-model.

<DatePicker v-model="selectedDate" />

Props

NameTypeDescription
dateDateGets or sets the complete date.
minDateDateGets or sets the earliest possible date to select.
maxDateDateGets or sets the latest possible date to select.
dayNumberGets or sets the day.
monthNumberGets or sets the month.
yearNumberGets or sets the year.

Events

NameDescription
dateChangeEmitted when the selected date changes.

Native component

AndroidiOS
android.widget.DatePickerUIDatePicker
Contributors