javascript - 如何根据描述对全日历事件进行颜色编码

Question

我们为整个公司使用一个日历，显示谁休假。 HR 想为软件部门的任何人使用蓝色，为电子部门使用红色，为硬件部门使用绿色作为事件背景色。

之前的开发者为此使用了 FullCalendar1.5.3 和 Google Calendar。 HR 会通过在谷歌日历描述中添加 S、E 或 H 来指定哪个人在哪个部门。以前的开发人员编写了一个客户代码来读取该描述并创建具有正确背景颜色的事件。由于 2014 年 11 月 27 日谷歌 v2 被关闭，我不得不使用最新的 fullcalendar.js 和 gcal.js 库重新创建它，这些库几乎被重新编写以便能够使用谷歌 API 的东西。

我让日历工作并显示事件，但我不知道如何让它读取字母的描述并根据它的描述更改 bgcolor。有谁知道如何做到这一点，也许使用简单的 switch case 或 if 语句？

Answer 1

您可以为此使用eventRender(回调)。检查 description 文本并为您想要的事件更改 bgcolor。

eventRender: function( event, element, view ) { 
     if (event.description == "x") {
         //apply your logic here, make changes to element.
         element.css('background', 'red');
     }
}

需要进一步帮助 check fullcalendar docs here