Jquery Kendo Grid Datepicker 设置日期范围

Question

有没有办法让用户只选择剑道列网格(剑道日期选择器(中两个日期之间的范围？

例如(如果生效日期显示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

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

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

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

演示

Answer 2

用于设置最小值

$("#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