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

Posted 2023-04-13

【中文标题】$("#grid").kendoGrid 中的 datetimePicker 列

【英文标题】：datetimePicker Column in $("#grid").kendoGrid

【发布时间】：2015-11-23 05:10:12

【问题描述】：

我在剑道网格中有这个专栏

    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？

【参考方案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 作为参考点来制作这个简单的演示。

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

【讨论】：

这非常棒。谢谢