New to Kendo UI for jQuery? Download free 30-day trial

Show Out-of-Range Dates as Disabled

The following example demonstrates how to show the dates that are out of the min-max range as disabled by using the k-disabled class.

    <input id="datepicker" style="width:200px;" />
      $(document).ready(function() {
          value: new Date(2014, 10, 20),
          min: new Date(2014, 10, 10),
          max: new Date(2014, 11, 10),
          month: {
            empty: '<span class="k-state-disabled">#= data.value #</span>'

See Also

For more runnable examples on the Kendo UI DatePicker, browse its How To documentation folder.

In this article
Not finding the help you need? Improve this article