$("#grid").kendoGrid 中的 datetimePicker 列
datetimePicker Column in $("#grid").kendoGrid
我在 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?
这是一个演示它为您工作的道场: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 作为制作这个简单演示的参考点。
如果您需要更多信息,请告诉我,如果可以的话,我会添加到答案中。
我在 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?
这是一个演示它为您工作的道场: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 作为制作这个简单演示的参考点。
如果您需要更多信息,请告诉我,如果可以的话,我会添加到答案中。