全日历调度程序中的工具提示不起作用答案

【问题标题】：Tooltip in fullcalendar scheduler doesn't work全日历调度程序中的工具提示不起作用
【发布时间】：2021-09-10 13:35:28
【问题描述】：

我尝试向 fullcalendar-scheduler 5.8 添加工具提示，但无法实现此功能。

在 fullcalendar-scheduler 模板中，我添加了“tooltip”和“popper”库和 CSS，它们使用简单的 fullcalendar 但没有结果。我的模板起点是https://fullcalendar.io/docs/event-tooltip-demo

Tooltip template example image

在 Javascript 代码中，我使用了“EventDidMount”函数，因为我知道这是正确且最新的方法。

eventDidMount: function(info) {
  var tooltip = new Tooltip(info.el, {
    title: info.event.extendedProps.description,
    placement: 'top',
    trigger: 'hover',
    container: 'body'
  });
},

另一方面，当我使用标准全日历尝试此操作时，工具提示是可见的并且按预期显示。

可以在高级全日历中添加工具提示吗？如果可能的话，请问我的错误在哪里？

您可以在 Codepen 中查看我的示例...

https://codepen.io/angelbonet/pen/poeMOaW

【问题讨论】：

标签： javascript fullcalendar tooltip fullcalendar-scheduler popper.js

【解决方案1】：

我自己找到了答案，我想分享解决方案。

错综复杂。

有些库不是必需的（如引导程序）

使用的tooltip函数是

      eventDidMount: function(info) {
        var tooltip = new Tooltip(info.el, {
          title: info.event.extendedProps.description,
          placement: 'top',
          trigger: 'hover',
          container: 'body'
        });
      },

你可以在这个例子中看到解决方案...

Codepen

【讨论】：