fullcalendarでクラスを追加する方法

Question

予約されたブロック日とブロックされた日のフルカラーでクラスを追加する必要があるため、予約された日とブロックされた日を別の色で強調表示する必要があります。あなたも参照できる

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

やjQueryを使ってクラスを追加addClass

eventElement.addClass('yourClass'); 

：あなたのfullCalendarオプションでいくつかのコードを試してみたが、正しく来ない

$("#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

使用eventRender機能を試してみてください必要な場合はサブ要素

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