获取fullcalendar事件的html元素

Question

我有一个Fullcalendar事件的列表，我需要获取与它们关联的实际HTML元素，此代码检索事件对象的数组：

var events = handleCalendarEvent('clientEvents', function(_event) {
                 return _event.origin === event.origin &&  isExternalEvent(_event);
             });

现在，我需要实际的HTML元素在悬停时对其进行一些操作（eventrender无法正常工作），查看文档，我找不到任何获取它们的函数。

Answer 1

您可能仍然需要使用eventRender。据我所知，fullCalendar中没有内置的getElementById类型函数，并且您可能知道，没有将唯一可识别的属性添加到实际元素中。我会在回调过程中添加一个ID：

$('#calendar').fullCalendar({
  ...
  eventRender: function (event, element) {
    element.data('event-id',event.id);
  },
  ...
})

稍后，当您获取事件对象数组时，可以使用jQuery查找它们：

var events = handleCalendarEvent('clientEvents', function(_event) {
                 return _event.origin === event.origin &&  isExternalEvent(_event);
             });

var first_event = $("#calendar").find('[data-event-id=' + events[0].id + ']');