如何在全日历中添加类

Question

我需要在完整日历中为特定的预订和阻止日期添加课程，我需要用不同的颜色突出显示预订和阻止的日子。尝试尝试使用一些代码，但未正确

$("#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.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');
    }
  },