从Kendo UI dateTimepicker隐藏/禁用周末

Question

我正在使用kendo DateTimePicker,只是不希望用户从Weekends中选择.

我已经尝试过分配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来改变那些单元格的方面.

希望这会有所帮助.洛朗