完整日历向事件添加工具提示

Question

我在我的php站点中使用fullcalendar。我用eventSources加载事件，给它一个url重定向到我的php控制器，该控制器生成json数据。在呈现日历之前，我希望每个事件都有工具提示。为此，我编写了一个javascript函数，用于添加工具提示：

 function dailyTooltip(){
   $('.fc-day-grid-event, .fc-time-grid-event').each(function(){
      var content = $(this).data('content');
      $(this).attr('title',''); 
      $(this).tooltip({
       tooltipClass: 'event-tooltip',
       content: content,
      }); 
   });
 }

其中内容是html内容。该函数在日历渲染之后运行。呈现日历后，工具提示不显示。

为了解决这个问题，我尝试将该函数添加到datesRender和eventRender。datesRender似乎可以工作，但只有当我更改视图时（例如从timeGrid到day MonthGrid）。eventRender不工作。

Answer 1

您可以使用工具提示。js与fullcalendar eventRender一起显示工具提示，

<script src='https://unpkg.com/tooltip.js/dist/umd/tooltip.min.js'></script>

您可以像官方文档中建议的那样使用事件呈现函数

eventRender: function(info) {
        var tooltip = new Tooltip(info.el, {
          title: info.event.extendedProps.description,//you can give data for tooltip
          placement: 'top',
          trigger: 'hover',
          container: 'body'
        });
      },

请参见文档事件呈现工具提示Fullcalendar