从客户端设置kendo日期选择器的最大日期

时间:2014-06-03 17:42:35

标签: javascript jquery kendo-ui datepicker

我有这个:

var today = new Date();

更新kendo datepicker:

$('#datepicker').kendoDatePicker({
    max: today.setDate(today.getDate()+30);
});

在调试器中,最大值为1404408808080,但在今天变量中,日期是正确的2014-07-03T17:3。想要从当前日期开始30天内设置kendodatepicker的最长日期。

4 个答案:

答案 0 :(得分:12)

您必须使用setOptions()方法更改:

var datepicker = $("#datepicker").data("kendoDatePicker");

datepicker.setOptions({
    max: new Date(today.setDate(today.getDate()+30));
});

或者如果您想在初始化中执行此操作:

$("#datepicker").kendoDatePicker({
    max: new Date(today.setDate(today.getDate()+30));
});

答案 1 :(得分:4)

setDate函数以整数(您发布的长数)返回日期;尝试将其作为参数发送到新的Date对象,如下所示:

$('#datepicker').kendoDatePicker({
    max: new Date(today.setDate(today.getDate()+30));
});

答案 2 :(得分:1)

它也是这样工作

         var today = new Date();
         var maxDate = today.setDate(today.getDate()+30);
         $('#datepicker').kendoDatePicker({
         max: new Date(maxDate) });

答案 3 :(得分:0)

我认为这是最简单的方法(也按照 Kendo 文档)

<input id="datepicker" />
<script>
$("#datepicker").kendoDatePicker();

var datepicker = $("#datepicker").data("kendoDatePicker");

datepicker.max(new Date(2100, 0, 1));
</script>

添加了一个 dojo 示例,其中查看我们如何限制(最小和最大日期示例)患者条目的出生日期和死亡日期。