This is a migrated thread and some comments may be shown as answers.

Providing template for time picker dropdown

1 Answer 104 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
Dwight
Top achievements
Rank 1
Dwight asked on 03 May 2017, 07:08 PM

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

Sort by
0
Preslav
Telerik team
answered on 05 May 2017, 08:26 AM
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
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.
Tags
Date/Time Pickers
Asked by
Dwight
Top achievements
Rank 1
Answers by
Preslav
Telerik team
Share this question
or