2

$("#monthpicker").kendoDatePicker({
  // defines the start view
  start: "year",

  // defines when the calendar should return date
  depth: "year",

  // display month and year in the input
  format: "MMMM yyyy"
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<link href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.blueopal.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css" rel="stylesheet" />

<input id='monthpicker' style='width:150px' />

This is what i have done. I want to disable all the months after a particular month.
For example: I want to disable all months after Oct 2014.Please note that the kendo datepicker is defined with start: "year"".

Vishnu Vikraman Sreekala
  • 853
  • 14
  • 33

1 Answers1

3

Try to use:

$("#monthpicker").kendoDatePicker({
    min: new Date(2013, 10, 30) // sets min date to Nov 30th, 2013
});

$("#monthpicker").kendoDatePicker({
    max: new Date(2014, 10, 0) // sets max date to Oct 31st, 2014
});
Roy Doron
  • 585
  • 9
  • 23
  • you awesome!!! Can you suggest the same when datepicker comes as a column field in kendo Grid. – Vishnu Vikraman Sreekala Jan 15 '15 at 08:37
  • 1
    Actually `new Date(2013, 10, 30)` does not set the min Date to Oct 30th but to Nov 30th. Same for `new Date(2014, 10, 0)` it is not `Oct 1st` but `Oct 31st`. Months are `0` based (0 = January). – OnaBai Jan 15 '15 at 12:09