当事件的呈现选项等于背景时，全日历工具提示无法正常工作

Question

我正在尝试使用 Fullcalendar 4.3.1 在后台显示假期，而其他事件显示在同一日期。我的目标是当用户将鼠标悬停在天上时，我会通过工具提示显示假期名称，而背景是另一种颜色，并且可以添加其他事件。

Antonio Santise's answer 用于显示工具提示，但是当我将事件的呈现选项设置为 'background' 时，仅显示最后一个事件的工具提示。有人可以帮我避免这种行为并显示所有事件的工具提示吗？

我的代码：

使用Laravel的模型获取数据

public function index() {
    $eventos = EventoCalendario::selectRaw('id, \'true\' as allDay, title, data as start, data as end, color, is_facultativo, \'background\' as rendering')
                        ->orderBy('data')
                        ->get();

    return view('eventoscalendario.index', compact('eventos'));
}

Fullcalendar 的选项

events: {!! $eventos !!},
eventRender: function(info) {
   $(info.el).tooltip({
          title: info.event.title,
          html: true
   });
}

提前致谢！

Answer 1

Fullcalendar 团队提供了 "skeleton" 解决了所描述的问题。但是，他们仍在努力在下一个版本中解决此问题。

Click here to check the issue #5110 in Fullcalendar's repo

解决方案：

只需在您的页面下方插入 CSS 代码。

.fc-bgevent-skeleton {
  pointer-events: none;
}
.fc-bgevent-skeleton .fc-bgevent {
  pointer-events: auto;
}
.fc-content-skeleton {
  pointer-events: none;
}
.fc-content-skeleton .fc-event {
  pointer-events: auto;
}

当事件的呈现选项等于背景时，全日历工具提示无法正常工作

Fullcalendar tooltip not working correctly when event's rendering option is equals to background

javascript

date

fullcalendar

fullcalendar-4