1

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

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

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

4

2 回答 2

2

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

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

如需进一步帮助，请在此处查看 fullcalendar 文档

于 2015-02-21T14:58:34.717 回答
1

谢谢弗兰奇！我能够创造它，

eventRender: function (event, element) {
			if (event.description == "(S)") {	//SOFTWARE DEPARTMENT
				element.css('background-color', '#00FF00');
			} else if (event.description == "(E)") {	// ELECTRONICS DEPARTMENT
				element.css('background-color', '#0000FF'); 
			} else if (event.description == "(J)") {	// JP
				element.css('background-color', '#FF0000');
			} else if (event.description == "(H)") {	// HARDWARE DEPARTMENT
				element.css('background-color', '#FFFF00');
			} else if (event.description == "(A)") {	// ADMIN DEPARTMENT
				element.css('background-color', '#FF00FF');
			} else {	// ANYONE ELSE NOT IN EITHER OF THE DEPARTMENTS ABOVE
				element.css('background-color', '#000000');
			}
		},

于 2015-02-23T16:44:32.247 回答