Kendo日曆僅適用於在項目中閱讀

Question

，我想使用僅供參考的日曆。它將顯示顏色代碼的日期，在該日期中可以進行預約並且已經進行了預定。

但我需要做只讀的chalices，沒有日期選擇的可能性 - 以便它不可點擊。

@{ 
 
       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的一些CSS [aria-selected =「true」]。例如

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