Question

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

在 fullcalendar-scheduler 模板中，我添加了“工具提示”和“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

Answer 1

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

错综复杂。

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

使用的工具提示函数是

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

您可以在此示例中看到解决方案...

Codepen

fullcalendar 调度程序中的工具提示不起作用

1 个答案: