如何在fullcalendar中添加类

Question

我需要在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在fullCalendar选项中使用函数:

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

或者使用jquery添加一个类 addClass

eventElement.addClass('yourClass');

如果需要,您还可以引用子元素

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