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

标签 javascript calendar fullcalendar google-calendar-api gcal

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

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

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

最佳答案

您可以为此使用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

关于javascript - 如何根据描述对全日历事件进行颜色编码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28639888/

相关文章:

javascript - 将所有对象复制到数组中的最简单方法

javascript - 在数据加载之前加载完整日历

jquery - fullcalendar viewRender 不适合我

css - 在 Full Calendar 2.3.2 中更改标题标题颜色

javascript - 如何访问返回的数组对象

javascript - Next.js 表单可以在本地运行,但不能在实时服务器上运行

javascript - 使用 Javascript 创建下拉框?

javascript - 在 HTML 中创建日历

swift - Swift 3.2 中 cellForItemAt 日期的 JTAppleCalendar 自定义单元错误

具有自定义 ID 的 Java TimeZone 不考虑夏令时