jQuery Kendo Grid Datepicker设置日期范围

Question

有没有一种方法可以使用户仅在列Kendo网格（kendo datepicker）中选择两个日期之间的范围？

例如，如果生效日期显示为09/09/2017，那么我希望用户在09/09/2017和今天之间进行选择。

这是我当前正在使用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

为此，您可以为列使用自定义编辑器 ：

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

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

演示版