Fullcalendar - 在选择时更改事件颜色

Question

我正在尝试在fullcalendar上选择事件时设置默认标题和背景颜色。但事件仅在渲染后自定义，而不是在选择期间自定义。任何的想法？谢谢你的帮助。

$(document).ready(function() {

  $('#calendar').fullCalendar({
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    defaultView: 'agendaWeek',
    navLinks: true,
    selectable: true,
    selectHelper: true,
    select: function(start, end) {
      var eventData;
      eventData = {
        title: 'unavailable',
        start: start,
        end: end,
        backgroundColor: 'red',
      };
      $('#calendar').fullCalendar('renderEvent', eventData, true);
      $('#calendar').fullCalendar('unselect');
    },
    editable: true,
  });

});

这是jsfiddle