2017-10-17 6 views
2

のプロジェクトでしか読めませんが、私は参考になる予定のカレンダーを使いたいと思います。予約が可能な色分けされた日と予約済みの日が表示されます。剣道のカレンダーは、

しかし、私は読み込み専用のチャリスを、日付選択の可能性なしで行う必要があるため、クリックできません。それは全体のカレンダーを読み取り専用にするか、無効にしない日を無効にすることだけができます私は剣道ドキュメントで見ることができますから、AvailableCalendar

答えて

2

@{ 
 
       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) 
 
      )

。 サイト http://demos.telerik.com/aspnet-mvc/calendar/disable-datesから、disableDates関数にtrueを返します(ロジックを追加しないで)。 この方法では、すべての日が無効になる可能性があります。 このように選択した日付は選択されたものとして表示されないので、選択した日付のインジケータと思われるaria-selected = "true"に従ってCSSルールを追加できます。

だから、一つの可能​​な解決策は、可能性がステップバイステップ:disableDatesに機能を追加

function disableAllDates(){ 
    return true; 
} 

すべての場合にtrueを返すために、あなたの関数を設定し、追加

.DisableDates("disableAllDates") 

属性td [aria-selected = "true"]にはいくつかのCSSがあります。例えば、

td[aria-selected="true"] { 
    background: red; 
} 
関連する問題