New to Kendo UI for Vue? Start a free 30-day trial
Time Ranges and Formats
The TimePicker enables you to set time ranges and formats.
To configure the time ranges, use the min and max properties. To set the time format, use the time property.
Example
View Source
Change Theme:
The following example demonstrates how to configure the time interval and format for the time view.
<div id="vueapp" class="vue-app">
<kendo-timepicker :value="currentDate"
:time="'(hh:mm))'">
</kendo-timepicker>
</div>Vue.use(DateinputsInstaller);
new Vue({
el: '#vueapp',
data: {
currentDate: new Date(2018, 9, 15)
}
})