wie Klasse in Vollkalender hinzufügen

Question

Ich muss Klasse für bestimmte gebuchte und blockierte Tage im Vollkalender hinzufügen, ich muss die gebuchten und blockierten Tage mit unterschiedlicher Farbe markieren. Versuchen Sie, mit einigen Code ausprobiert, aber nicht richtig kommen

$("#calendar").fullCalendar({ 
    header: { 
     left: 'title', 
     center: '', 
     right: 'prev,next' 
    }, 
    selectable: true, 
    events:[ 
     { 
      title: 'Booked', 
      start: '2017-03-11', 
      end: '2017-03-22' 
     }, 
     { 
      title: 'Block', 
      start: '2017-03-28', 
      end: '2017-04-6' 
     } 
    ] 
}); 

Answer 1

Verwenden eventRender Funktion in Ihrem fullCalendar Optionen:

eventRender: function(event, eventElement) { 
    if (event.title == "Booked") { 
     eventElement.css('background-color', 'green'); 
    } 
    }, 

oder fügen Sie verweisen können, eine Klasse mit jquery addClass

eventElement.addClass('yourClass'); 

Sie auch Unterelemente, wenn Sie benötigen

eventRender: function(event, eventElement) { 
    if (event.title == "Booked") { 
     eventElement.find("a.fc-content").css('background-color', 'green'); 
    } 
    },