javascript - 从 Kendo UI dateTimepicker 隐藏/禁用周末

Question

我正在使用 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.StopPropagation 不关闭下拉列表)，但仍然有效。

有可能还是白费力气？

谢谢相会

Answer 1

希望您仍然需要有关您的问题的帮助。这是一种在周末禁用点击的方法。

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

.k-weekend 是与周末单元相关联的类。因此，很容易禁用对这些单元格的点击。也可以放置一些 CSS 来改变这些单元格的外观。

希望这会有所帮助。洛朗