NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
TimePicker

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

<TimePicker> is a UI component that lets users select time.

See also: DatePicker.


<TimePicker :hour="selectedHour" :minute="selectedMinute" />

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

<TimePicker v-model="selectedTime" />

Props

NameTypeDescription
hourNumberGets or sets the selected hour.
minuteNumberGets or sets the selected minute.
timeDateGets or sets the selected time.
minHourNumberGets or sets the minimum selectable hour.
maxHourNumberGets or sets the maximum selectable hour.
minMinuteNumberGets or sets the minimum selectable minute.
maxMinuteNumberGets or sets the maximum selectable minute.
minuteIntervalNumberGets or sets the selectable minute interval. For example: 5 or 15 minutes.
Default value: 1.

Events

NameDescription
timeChangeEmitted when the selected time changes.

Native component

AndroidiOS
android.widget.TimePickerUIDatePicker
Contributors