从 Kendo UI dateTimepicker 隐藏/禁用周末答案

【问题标题】：Hide/Disable Weekends from Kendo UI dateTimepicker从 Kendo UI dateTimepicker 隐藏/禁用周末
【发布时间】：2013-05-22 19:12:18
【问题描述】：

我正在使用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），但仍然有效。

有可能还是白费力气？

谢谢苏梅特

【问题讨论】：

在 Jquery dateTimepicker 中寻找类似的东西：$("#datepicker").datepicker({ beforeShowDay: $.datepicker.noWeekends });
朋友们，我的问题有问题。它已经超过 24 小时，这甚至无法引起一个注意？我是在做完全错误的事情，还是说我的问题有问题。请指导我..

标签： javascript jquery asp.net-mvc-4 kendo-ui datetimepicker

【解决方案1】：

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

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

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

希望这会有所帮助。洛朗

【讨论】：