Hi there, I have a couple time pickers for selecting a start and end time. Is there anyway I can modify the template of the second dropdown, so it shows the duration from the start time? For example, if the user selects the start time as 1pm, I would like the end time dropdown to show the following options: "1:00pm (0 minutes)", "1:30pm (30 minutes)", "2:00pm (60 minutes)" and so on. Is there anyway to customize the existing time picker to add this functionality?
Thanks,
Dwight
1 Answer, 1 is accepted
0
Hi Dwight,
A possible solution might be handling the change event of the first time picker and setting the min configuration of the second one by using the setOptions method:
For a runnable example, please check this Dojo: http://dojo.telerik.com/uKiNA
I hope this helps.
Regards,
Preslav
Telerik by Progress
A possible solution might be handling the change event of the first time picker and setting the min configuration of the second one by using the setOptions method:
- http://docs.telerik.com/kendo-ui/api/javascript/ui/timepicker#events-change
- http://docs.telerik.com/kendo-ui/api/javascript/ui/timepicker#configuration-min
- http://docs.telerik.com/kendo-ui/api/javascript/ui/timepicker#methods-setOptions
For a runnable example, please check this Dojo: http://dojo.telerik.com/uKiNA
I hope this helps.
Regards,
Preslav
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.