$("#grid").kendoGrid 中的 datetimePicker 列

Question

我在 kendo 网格中有此列

{    field: "Fecha",
      title: "Fecha Aviso",
      width: 100,
      attributes: { style: "text-align:center;" },
      template: "#= Fecha != null ? kendo.toString(Fecha, 'd/MM/yyyy') : '' #"
}

这是模型字段

    fields: {
    Fecha:  { type: "date", format: "{0:dd/MM/yyyy}" }, 
...

现在 batchEdit 只显示 datePicker。如何输入 dateTimePicker？

Answer 1

这是一个演示它为您工作的道场：custom datetime picker in batch editing

我所做的就是为名为 Date

的列定义 editor

editor: function (container, options) {
    var input = $("<input/>");
    input.attr("name", options.field);

    input.appendTo(container);

    input.kendoDateTimePicker({});
}

所有这一切都是覆盖默认编辑器模板并为您应用日期时间选择器控件。

我使用这个 Grid API: Column Editor 作为制作这个简单演示的参考点。

如果您需要更多信息，请告诉我，如果可以的话，我会添加到答案中。

$("#grid").kendoGrid 中的 datetimePicker 列

datetimePicker Column in $("#grid").kendoGrid

javascript

jquery

telerik

telerik-grid

telerik-mvc