Fullcalendar-选择时更改事件颜色

我试图在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,
  });

});

---

这是一个

“只有在呈现事件之后，才对其进行自定义，而不是在其选择期间。”这是记录在案的行为。用于选择的颜色与您在新创建的事件的数据中定义的颜色完全无关，该事件随后会呈现到日历中。这两件事不一样。您的代码完全按照您的要求正确执行。请记住，选择不一定会导致创建事件。您给出的颜色是针对您决定创建的事件。此外，当“选择”回调运行时，很明显，通过拖动进行的选择已经发生并由用户完成（否则您将不知道开始/结束时间，而且您可以通过观看您的程序来实现这一点），因此，期望此时设置颜色会影响过去创建的东西的颜色是不符合逻辑的-所以我不确定你为什么认为它可能会这样做？fullCalendar中没有选项设置用于此AFAIK的颜色，因此，您可以直接修改fullCalendar CSS文件来更改它。如果您使用浏览器的开发人员工具检查表示选择的元素，您可以看到用于定义其颜色的CSS规则，然后在文件中修改这些规则。当然，如果fullCalendar使用代码来定义/创建它，您必须修改相关的JS。@ADyson Thx对于您的答案，解决方案确实是覆盖.fc事件类的样式“事件仅在呈现后而不是在选择期间自定义。”这是有文档记录的行为。用于选择的颜色与您在新创建的事件的数据中定义的颜色完全无关，该事件随后会呈现到日历中。这两件事不一样。您的代码完全按照您的要求正确执行。请记住，选择不一定会导致创建事件。您给出的颜色是针对您决定创建的事件。此外，当“选择”回调运行时，很明显，通过拖动进行的选择已经发生并由用户完成（否则您将不知道开始/结束时间，而且您可以通过观看您的程序来实现这一点），因此，期望此时设置颜色会影响过去创建的东西的颜色是不符合逻辑的-所以我不确定你为什么认为它可能会这样做？fullCalendar中没有选项设置用于此AFAIK的颜色，因此，您可以直接修改fullCalendar CSS文件来更改它。如果您使用浏览器的开发人员工具检查表示选择的元素，您可以看到用于定义其颜色的CSS规则，然后在文件中修改这些规则。当然，如果事实证明fullCalendar正在使用代码来定义/创建它，您将不得不修改相关的JS。@ADyson Thx对于您的答案，解决方案确实是覆盖.fc事件类的样式