如何使用jquery在Kendo Grid中禁用kendo Datetime选择器?

时间:2015-04-27 10:00:00

标签: kendo-ui kendo-datepicker kendo-datetimepicker

$("#ElementId").attr("disabled","disabled");

以上代码仅适用于在Html页面中声明的日期选择器。

但我想在kendo Grid Header Filter区域中禁用kendo Date选择器。

1 个答案:

答案 0 :(得分:0)

这是实现目标的简单方法。

Disabled text input on grid filter

我已将日期单元修改为具有以下内容:

{
     field: "OrderDate",
     title: "Order Date",
     format: "{0:MM/dd/yyyy}",
     filterable: {
         cell: {
             template: function (element) {



                 element.element.kendoDatePicker({

                 });

                 element.element.attr('disabled', 'disabled');

             }
         }

     }
 }

您会注意到我已向单元格添加了一个模板,该模板将覆盖默认日期选择器并将我自己的日期选择器添加到过滤器行。

请注意,如果您想通过菜单执行此操作,只需在第一个元素项处执行此操作,例如: element.kendoDatePicker({})

希望这就是你所追求的。

有关详细信息,请查看此链接: kendo grid filter api