隐藏/禁用周末从剑道UI dateTimepicker

Hide/Disable Weekends from Kendo UI dateTimepicker

本文关键字：UI dateTimepicker 周末 隐藏      更新时间：2023-09-26

我正在使用kendo DateTimePicker，只是不希望用户从周末选择。

我已经尝试分配MonthTemplate()方法如下:

@(Html.Kendo().DateTimePickerFor(m => Data)
                       .MonthTemplate("# if (isWeekDay(data.date)) { #" +
                                                    "#= data.value #" +
                                                    "# } #" 
                                                    )  
    function isWeekDay(date)
        {
            var day = date.getDay();
            return (day % 6 != 0);
        }

但是它帮助我在小部件中不显示日期，但是用户仍然可以通过单击月模板中的空白单元格来选择它。

尝试使用验证处理onChange事件和(e.p stoppropagation不关闭下拉菜单)，但仍然工作。

这是可能的吗?

谢谢苏密特

希望你的问题还需要帮助。这是一个禁用点击在周末的方法。

.kendoDatePicker({
    open: function() { $('.k-weekend a').bind('click', function() { return false; }); }
});

。K-weekend是与周末细胞相关的类。因此，很容易禁用这些单元格上的点击。也可以使用一些CSS来改变这些单元格的外观。

希望这将帮助。Laurent

相关文章：