0

カレンダーのレンダリングにarshaw fullcalendar apiを使用しています。TODAY が強調表示されていることがわかりました。同じように、週表示で強調表示したい日付のリストがあります。また、日付は別の週にすることもできます。どんな助けでも大歓迎です。ありがとうございました。

4

2 に答える 2

2

AgendaWeek と AgendaDay ビューについては、fullcalendar.js ファイルを変更することで可能になります。

fullcalendar に追加のパラメータを渡します。

highlightDays: [0,3,4]   // List of days to highlight  0 - Sunday ... 6 - Saturday

fullcalendar.js updateCells() メソッドで

if(opt('highlightDays').indexOf(date.getDay()) > -1)
{
    bodyCell.removeClass('ui-widget-content');
    bodyCell.addClass('fc-day-highlight');
}

css クラスの fc-day-highlight に、その日に与えたい色を次のように追加します。

background-color: #dddddd;
于 2013-05-27T12:29:40.597 に答える
1

こんにちは、viewDisplayコールバック内で少しハックしてカスタムハイライトをレンダリングできます:

viewDisplay : function( view ) { 

            startDate = view.start;

                var d = startDate.getDate();
                var m = startDate.getMonth();
                var y = startDate.getFullYear();

            cols = $('.fc-view-agendaWeek [class*="fc-col"].fc-widget-content')    

            for(i = 0 ; i<  cols.length ; i++){

                var colDate = new Date(y, m, d+i);


                if($.inArray(colDate.getTime() , hightligthedDays) > -1){

                    $(cols[i]).addClass("fc-state-highlight-other");

                   }
                else{

                    $(cols[i]).removeClass("fc-state-highlight-other");

                }
            }

            }

jsfiddle

于 2013-05-27T12:26:13.823 に答える