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

Question

我正在使用fullcalendar。我想在每天的单元格中显示一个与某些事件标准匹配的图标。

更具体地说，我想显示警告＆amp;工具提示如果我的活动feed中的"注释"字段不是空的。

我每天都能显示一个图标，无论发生什么事，我都想迈出一步。

这是我每天使用Dayrender在每天显示的方式：

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

如果我使用EventRender，我可以获取工具提示和图标以正确显示，但随后显示了图标作为事件的一部分。...我不想要。我想要白色的图标部分。

这是我的事件：

eventRender: function(event, element) { 
                if (event.notes) { 
                    $(element).tooltip({title: event.notes});
        element.find(".fc-title").prepend("&nbsp;&nbsp;" + "<i class='fa fa-exclamation-circle' aria-hidden='true'></i>"); 
        }
    } 

这是我的活动提要：

$event_array[] = array(
        'id' => $calrow['id'],
        'title' => $calrow['available'],
        'start' => $calrow['start_date'],
        'end' => $calrow['end_date'],
        'notes' => $notes,
        'price' => '$'.$calrow['nightly_price'],
        'confirmationcode' => $calrow['confirmation_code'],
        'status' => $calrow['status'],
        'available' => $available

）;

是否可以根据特定的事件标准制作日间人？我是否结合了Dayrender和Evendersrender？

Answer 1

月份视图的视图是这样渲染的：

<td class="fc-day-top fc-thu fc-past" data-date="2017-11-02">

因此，您可以很容易地找到一个特定的日间单元格：

$('.fc-day-top[data-date="2017-11-02"]')

在Evendrender回调中，您可以使用事件的开始时间使此事件的正确日子动态有关：

eventRender: function(event, element)
{
  $('.fc-day-top[data-date="' + event.start.format("YYYY-MM-DD") + '"]').append("Hi");
},

请参阅http://jsfiddle.net/sbxpv25p/68/有关工作示例。

当然，您可以将任何您喜欢的东西代替" HI"。

请注意，按照工作示例，如果给定的一天中有多个事件，它仍然具有可能不止一次附加相同的事情的缺点。