Farbe der Tage mit Ereignisse auf FullCalendar

Question

Meine Ereignisse mit gelegentlichen Farben angezeigt werden, aber anstatt dass, würde Ich mag ein Ergebnis wie diese haben:

ich die Tage alle mit färben möge ein Ereignis darauf. Ich habe bereits einige Recherchen mit benutzerdefinierten Ansichten und der eventRender-Methode gemacht, aber ich weiß nicht, wie man alle Tage, die ein Ereignis haben, ausmalen soll. Der vereinfachte Code zu ändern:

$('#calendar').fullCalendar({ 
    eventRender: function(event, element) { 
     // here, event.parent().css("background-color:pink;"); ?? 
    } 
}); 

Answer 1

Um die Hintergrundfarbe einer Zelle Farbe (td), die ein Ereignis enthält, müssen Sie die td und ändern finden, es Hintergrundfarbe ist. Zum Glück jeder td hat ein data-date so versuchen Sie Ihr eventRender zu ändern,

eventRender: function (event, element) { 
    var eventStart = moment(event.start); 
    var eventEnd = event._end === null ? eventStart : moment(event.end); 
    var diffInDays = eventEnd.diff(eventStart, 'days'); 
    $("td[data-date='" + eventStart.format('YYYY-MM-DD') + "']").css('background-color','pink'); 
    for(var i = 1; i < diffInDays; i++) { 
     eventStart.add(1,'day'); 
     $("td[data-date='" + eventStart.format('YYYY-MM-DD') + "']").css('background-color','pink'); 
    } 
} 

Ich hoffe, das hilft.