c# - 剑道日历只供阅读

Question

在项目中，我想使用一个仅提供信息的日历。它将以颜色编码显示可以预订的日期和已经预订的日期。

但我需要做只读 chalice ，不能选择日期 - 所以它不可点击。

 @{ 
                var orderDateInfos = Model.CarOrders;
                List<DateTime> list = new List<DateTime>();
                foreach(var orderInfo in orderDateInfos)
                {
                    foreach(var ordersDate in orderInfo.OrderDays)
                    {
                        list.Add(ordersDate);
                    }
                }
            }
            @(Html.Kendo().Calendar()
            .Name("availableCalendar")
            .Selectable("multiple")
            .SelectDates(list)
            .Value(Model.CarOrders.First().RentStartDate)
            )

Answer 1

从我在剑道文档中看到的内容来看，它只允许禁用日期而不是只读或禁用整个日历。来自网站http://demos.telerik.com/aspnet-mvc/calendar/disable-dates我可能会尝试将 true(没有任何附加逻辑)返回给函数 disableDates。这样一整天都可能会被禁用。但是，以这种方式选择的日期不会显示为已选择，因此您可以根据 aria-selected="true"添加 css 规则，这似乎是所选日期的指示符。

所以一步一步，一个可能的解决方案可能是:

向 disableDates 属性添加一个函数

.DisableDates("disableAllDates")

将你的函数设置为在所有情况下都返回 true

function disableAllDates(){
    return true;
}

并为 td[aria-selected="true"] 添加一些 css。例如

td[aria-selected="true"] {
    background: red;
}