DateTimePicker not invoked second time

[prasanna]

Team,

I have a html grid which has input value that consists of datetimepicker.

I have grid with 3 rows ans when I tried to tag kendo datepicker to the column, it is visible only for the first row.

Am I missing some thing..

[Iliana Nikolova]

Hello Prasanna,

In order to display Kendo UI DateTimePicker for each of the rows in the Grid you can use editor for the column. For example:

$("#grid").kendoGrid({
  //....
  columns: [{
     //....
     { field: "OrderDate",
      format: "{0:dd MMMM yyyy HH:mm}",
      editor: dateTimeEditor
     }
});

function dateTimeEditor(container, options) {
  $('<input data-bind="value:' + options.field + '"/>')
    .appendTo(container)
    .kendoDateTimePicker({
      format: "{0:dd MMMM yyyy HH:mm}",
      interval: 15,
      timeFormat: "HH:mm"
    });
}

A working example which demonstrates how to create a custom edotor is available here.

Kind regards,
Iliana Nikolova
the Telerik team