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

Question

I have this:

var today = new Date();

Updating the kendo datepicker:

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

In the debugger the max value is 1404408808080 but in today variable the date is right one 2014-07-03T17:3 . Want to set the max date for kendodatepicker 30 days from the current date.

Answer 1

You have to use the setOptions() method to change that:

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

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

Or if you want just do this in the initialization:

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

Answer 2

The setDate function returns the date as an integer (the long number you posted); try sending that as a parameter to a new Date object, like so:

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

Answer 3

It worked this way also

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

Answer 4

I think this is the simplest way (as per Kendo document too)

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

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

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

Added a dojo example where see how we restrict (minimum and maximum date example) the birthdate and deceased date of a patient entry.