jquery - 如何在全日历中添加类(class)

Question

我需要在全日历中为特定的预订和阻止日期添加类(class)，我需要用不同的颜色突出显示预订和阻止的日期。尝试使用一些代码但无法正确运行

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

在 fullCalendar 选项中使用 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');
    }
  },