angularjs - 获取全日历事件的 html 元素

Question

我有一个全日历事件列表，我需要获取与它们关联的实际 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 + ']');