配置kendo-date-picker以将日期限制为当前月份

时间:2015-04-13 07:03:34

标签: kendo-ui datepicker calendar restriction

我已将Kendo Datepicker(kendo-date-picker)用于我的一个项目中,现在我想将日期选择限制在当前月份。是的,我可以通过编程方式进行,但我想知道是否有任何配置选项将日期选择限制在当月。

例如,如果我在2015年4月,我将无法选择2015年4月之外的任何日期。

2 个答案:

答案 0 :(得分:0)

您可以尝试这种方式:

 $(document).ready(function() {
     // JavaScript counts months from 0 to 11. January is 0. December is 11.

     var date = new Date();
     var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
     var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0);

     $("#datepicker").kendoDatePicker({
      min: firstDay,
      max: lastDay
     });
});

请参阅此Demo

答案 1 :(得分:0)

您可以覆盖该样式以隐藏其他月份日期。

.k-other-month {
    visibility: hide;
}