Question

如何在kendo datepicker上设置一个日期（例如1/1/2012），该日期小于最小日期（例如2013年1月1日）或大于最大日期（例如1/1/2014） datepicker选项？

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

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

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

听起来你需要为你的日期选择器设置一个kendo验证器小部件。验证员http://docs.kendoui.com/api/framework/validator

的剑道文档

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

如何在kendo datepicker上显示小于最小日期或大于最大日期的日期

2 个答案: