fullcalendar 中鼠标进入事件显示弹框

在FullCalendar库中，要实现鼠标悬停在日历事件上时显示弹框（也称为提示框或tooltip），你可以利用FullCalendar的`eventRender`回调函数和HTML模板。这个函数会在每个事件渲染完成后被触发，并允许你在事件元素上添加额外的交互。

首先，你需要在初始化 FullCalendar 时设置 `eventRender` 函数，如下所示：

var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
  events: [
    // ... 你的事件数据
  ],
  eventRender: function(eventElement, event) {
    eventElement.addEventListener('mouseover', function() {
      var tooltipContent = '<div class="tooltip">事件名称: ' + event.title + ', 时间: ' + event.start.format() + '</div>';
      // 创建一个新的提示元素并将其插入到文档中
      var tooltip = $('<div class="tooltip-popup"></div>').html(tooltipContent).appendTo('body');
      // 当鼠标离开事件时，移除提示
      eventElement.addEventListener('mouseout', function() {
        tooltip.remove();
      });
    });
  },
});
calendar.render();

在这个例子中，当鼠标悬停在事件上时，会创建一个包含事件名称和时间的提示框。当鼠标离开事件区域时，提示框会被自动移除。

注意：为了美观，你还需要自定义CSS样式来定位和设计提示框(`.tooltip`, `.tooltip-popup`)。