fullcalendar - fullCalendar - 根据某些标准将图像添加到事件中的任何方式？

Question

我有一个事件填充我的完整日历，我想为一些符合特定条件的事件添加一个图标。例如，我的日历事件表示将添加到路线的工作订单。因此，如果工作订单在路线中，我希望代表该工作订单的事件在标题中有一个图标，表示它是路线的一部分。

我可以更改活动的颜色，但我想要的不仅仅是颜色。我要求太多了吗？这可能吗？

Answer 1

eventRender: function(event, element, calEvent) {
        element.find(".fc-event-title").after($("<span class=\"fc-event-icons\"></span>").html("<img src=\"images/on1.jpg\" />"));
    }

Answer 2

你当然可以。您可以在其中eventRender查找和操作.fc-event-title（请注意，一些“短”事件可能没有此标记），或者只是添加一个具有图像背景的类，或者添加一个 dingbat（此处为项目符号），例如：
.fcimg .fc-event-title:before {content: "\025cf\00020";}

Answer 3

您还可以在 DayEventRenderer.js 文件中的插件中进行一些修改 goto " daySegHTML" 函数，并在条件之后if (!event.allDay && seg.isStart)（即事件 div itslef 的开始）插入以下语句：

if (event.imgSource != '')
            html += "<div><img src='" + event.imgSource + "' style='display:inline;width:2.0em;height:2.0em;margin-bottom:0.5em'></div>";

请注意，这event.imgSource不是内置事件属性，但您必须在提供事件数据时提供它。

因此，如果您不提供event.imgSource任何内容，则不会包含任何内容，如果您提供图像源，它将自动添加它。

希望这能解决问题:)