jquery - jQuery Fullcalendar - 週ビューで、イベント allDay が true の場合、すべての日を色でマークします

Question

週の議題ビューで、イベントがある場合はallDay:true、このイベントの日 (開始日から終了日まで) を別の背景 (当日など) で縦にマークします。

セルがある場合はセルから要素を複製しAll day、高さ、背景色などを変更した後、それを複製することを考えていますが、それは悪い考えだと思います。

多分あなたは何か良いことをアドバイスできますか？

ありがとう！

Answer 1

eventRenderを使用して、イベントに関連付けられた日を取得し、適切に色を付けることができます (fc-col0、fc-col1... はキーオフするクラスです)。

eventRender: function (event, element, view) {
    if (view.name == 'agendaWeek' && event.allDay) {
        $('.fc-col' + event.start.getDay()).not('.fc-widget-header').css('background-color', 'blue');
    }
}

終日のイベントが複数日にまたがる場合は、それも考慮する必要があります。

jsFiddleを参照してください