如何在劍道日期選擇器上顯示小於最小日期或大於最大日期的日期

Question

如何在劍道日期選擇器上設置一個日期（例如，1/1/2012），該日期小於在日期選擇器選項中定義的最小日期（例如，1/1/2013）或大於最大日期（例如，1/1/2014） ？

我的要求是將用戶的選擇限制在最小值和最大值之間，但是我希望日期選擇器顯示超出該范圍的值（例如，如果該值在數據庫中被覆蓋）。

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驗證器小部件。 Kendo驗證程序文檔http://docs.kendoui.c​​om/api/framework/validator

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