Question

我正在使用kendo DateTimePicker，并且不希望用户从周末中选择。

我尝试过分配MonthTemplate（）aproach，如下所示：

@(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未关闭下拉列表），但仍在工作。

是否有可能或正在努力？

由于 Sumeet

Answer 1

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

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

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

希望这会有所帮助。劳伦

从Kendo UI dateTimepicker隐藏/禁用周末

1 个答案: