Configure dateTimePicker(s) in Gantt to 15 min interval

[MiDAS]

Hi, the default for all built-in dateTimePickers is a 30min interval. Can this be configure to 15min? Also when editing start or end in the gantt column section the dropdown width is restricted by the width of the column. Can this be overridden?

I have attached files to illustrate:

DTP_InColumn.png : The dropdown list needs 15min intervals and list width needs to be wider.

DTP_InNewTask.png: The dropdown list needs 15min intervals.

 

[Ivan Danchev]

Hello,

To change the interval in the Gantt's DateTimePickers, handler the edit event, get a reference to the pickers and set the interval to 15:

edit: function(e) {
  var pickerElement = e.container.find("input[data-role=datetimepicker]");
  
  pickerElement.each(function(index) {
    var dateTimePicker = $(this).data("kendoDateTimePicker");
    dateTimePicker.setOptions({
       interval: 15
    })
  });
},

The following dojo example demonstrates this approach.

With regard to the width of the Picker's dropdown, it depends on the column width, so if you want to increase the dropdown width, make the Start Time and End Time columns wider, e.g.:

{ field: "start", title: "Start Time", format: "{0:MM/dd/yyyy hh:mm}", width: 120, editable: true, sortable: true }

 

Regards,
Ivan Danchev
Progress Telerik