如何在剑道日期选择器上显示小于最小日期或大于最大日期的日期

Question

如何在剑道日期选择器上设置小于最小日期（例如 1/1/2013）或大于日期选择器选项中定义的最大日期（例如 1/1/2014）的日期（例如 1/1/2012）？

我的要求是将用户的选择限制在最小值和最大值之间的范围内，但我希望日期选择器显示超出该范围的值（例如，如果该值在数据库中被覆盖）。

Answer 1

如果您使用如下所示的min和max选项创建日期选择器：

var datePicker = $('#input').kendoDatePicker({
    min: new Date(2013, 0, 1),
    max: new Date(2013, 11, 31)
}).data("kendoDatePicker");

然后，您无法设置超出该日期范围的值。您可以创建自己的小部件，也可以暂时删除最小/最大限制以设置您的值：

// temporarily remove the restrictions
var min = datePicker.options.min;
var max = datePicker.options.max;
datePicker.options.min = new Date(1900, 0, 1);
datePicker.options.max = new Date(2099, 11, 31);
// set your date which may be outside of the range specified by min/max
datePicker.value(new Date(2009, 0, 1));
// restore the min/max options so the user still can only choose within the range
datePicker.options.min = min;
datePicker.options.max = max;

Answer 2

因此，您需要能够在日期选择器中选择无效日期，但如果它是无效日期，则会显示错误消息。

听起来你需要一个剑道验证器小部件作为你的日期选择器。 验证器 http://docs.kendoui.com/api/framework/validator 的剑道文档

JSbin 示例 http://jsbin.com/itiqaDU/1/edit