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

Question

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

我的要求是将用户的选择限制在 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

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

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

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