Javascript FullCalendar-根据事件标准每天显示图标

Javascript FullCalendar-根据事件标准每天显示图标,javascript,php,jquery,fullcalendar,Javascript,Php,Jquery,Fullcalendar,我正在使用FullCalendar。我想在每个day单元格中显示一个符合特定事件条件的图标 更具体地说,如果我的事件提要中的“notes”字段不是空的,我希望显示一个警告和工具提示 无论发生什么事情,我每天都能显示一个图标,但我想更进一步 以下是我每天使用dayRender显示的方式: dayRender: function ( date, cell) { cell.prepend('<i class="fa fa-exclamation-circle" aria-hidden="true

我正在使用FullCalendar。我想在每个day单元格中显示一个符合特定事件条件的图标

更具体地说,如果我的事件提要中的“notes”字段不是空的,我希望显示一个警告和工具提示

无论发生什么事情,我每天都能显示一个图标,但我想更进一步

以下是我每天使用dayRender显示的方式:

dayRender: function ( date, cell) {
cell.prepend('<i class="fa fa-exclamation-circle" aria-hidden="true"></i>');
}
))


是否可以根据特定的事件条件生成dayRender?我是否使用dayRender和eventRender的组合?

月视图中的天单元格的渲染方式如下:

<td class="fc-day-top fc-thu fc-past" data-date="2017-11-02">
在eventRender回调中,可以使用事件的开始时间使其与事件的正确日期动态关联:

eventRender: function(event, element)
{
  $('.fc-day-top[data-date="' + event.start.format("YYYY-MM-DD") + '"]').append("Hi");
},
有关工作示例,请参见

当然,你可以加上你喜欢的任何东西来代替“嗨”


请注意,根据工作示例,这仍然有一个缺点,即如果给定的一天有多个事件,它可能会多次附加相同的内容。

最好使其特定于事件?一天中可能有无限多的事件,那么如果有多个事件,每天怎么知道要显示什么呢?它会在每个注释中查找并仅在填充了所有注释或至少填充了一个注释时显示警告吗?根据你的描述,规则不明确。很抱歉没有明确说明……我正在建立一个预订/预订系统。用户可以在任何日历日输入“备注”(给自己的备注,例如何时雇用清洁工、当天客人的检查)。如果使其特定于事件是更好的做法,那么有没有办法在日历的日容器中而不是在事件容器中显示图标?例如,在fc day top而不是fc title中?您说“用户可以在任何日历日输入'备注'”,但查看您的数据结构时,情况并非如此。用户可以在事件中输入注释,而不是一整天。这在您的PHP中是清楚的。所以我再次问:如果在任何一天,有多个事件,图标应该在什么时候显示?是否至少有一个事件有注释?如果他们都有笔记?现在还不清楚。在我看来,最好在事件容器中显示图标,因为(从数据结构来看)注释显然与特定事件相关,而不是与任何其他事件相关。好的,我理解你的观点。有没有办法在事件容器外显示图标?当然,你可以把它放在任何你喜欢的地方,这是你的页面。也许在“eventRender”期间编写一些代码是一个明智的选择,在这里您可以访问事件数据,还可以操作日历HTML,因为到那时,日历的其余部分将呈现在屏幕上。谢谢。如何将工具提示(从我的事件渲染)应用于“Hi”?要做到这一点,您应该能够将
.append(“Hi”)
替换为
。工具提示({title:event.notes})
我想
<td class="fc-day-top fc-thu fc-past" data-date="2017-11-02">
$('.fc-day-top[data-date="2017-11-02"]')
eventRender: function(event, element)
{
  $('.fc-day-top[data-date="' + event.start.format("YYYY-MM-DD") + '"]').append("Hi");
},