Jquery Kendo Grid Datepicker 设置日期范围

Question

有没有办法让用户仅 select 列 kendo 网格（kendo 日期选择器）中两个日期之间的范围？

例如）如果生效日期显示为 09/09/2017 那么我希望用户在 09/09/2017 和今天之间 select。

这是我目前正在使用 Kendo DatePicker 的列。

{ 
field: "EffectiveDate",
 headerTemplate: 'Effective Date<span style="vertical-align:middle; color:red; font-size: 12px;">*</span>',
 format: "{0:MM/dd/yyyy}",
 type: "date" 
}

Answer 1

用于设置最小值

 $("#datepicker").kendoDatePicker();

var datepicker = $("#datepicker").data("kendoDatePicker");

datepicker.min(new Date(2000, 0, 1));

设置最大值

$("#datepicker").kendoDatePicker();

var datepicker = $("#datepicker").data("kendoDatePicker");

datepicker.max(new Date(2100, 0, 1));

API 文档页面上的示例代码 https://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker/methods/min

Answer 2

为此，您可以为您的专栏使用 custom editor：

editor: function(container, options) {
    $('<input>').appendTo(container).kendoDatePicker({
        max: (new Date()),
        min: (new Date(2017, 8, 9))
    });
}

在您的情况下，您需要将 min 属性设置为所需的日期，该日期将在 options.model，您的行数据中。

Demo

Jquery Kendo Grid Datepicker 设置日期范围

Jquery Kendo Grid Datepicker set a date range

javascript

jquery

kendo-ui

kendo-grid