Edit this page

Change Order and Start Time in TimePicker Options List


Product TimePicker for ProgressĀ® Kendo UIĀ®
Operating System All
Browser All
Browser Version All


How can I set the options on the list of the TimePicker to start at a specific time while the skipped ones are rendered at the end of the list?


  1. Subscribe to the open event of the TimePicker.
  2. Traverse the items in the list while you use jQuery to reorder them.
<input id="timepicker" />

    interval: 15,
    open: function(e) {
      var list = $("#" + e.sender.element.attr('id') + "_timeview");
      if (list.attr('fixed-time-labels') != 'true') {
        var elements = list.find('li:lt(24)');
        list.attr('fixed-time-labels', 'true');

See Also

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article