这里的关键是首先要理解如何通过单击外部的任何地方来关闭弹出框，这个解决方案（解释为here）使用以下代码：

$('body').on('click', function (e) {
    $('[data-toggle="popover"]').each(function () {
        //the 'is' for buttons that trigger popups
        //the 'has' for icons within a button that triggers a popup
        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
            $(this).popover('hide');
        }
    });
});

字符串
所以你的整个fullcalendar js初始化都很好，只需要注入同样的想法，但要注意calendar事件内部的点击：

$('html').on('click', function(e) {
  $('.popover').each( function() {
    if( $(e.target).parents(".fc-time-grid-event").get(0) !== $(this).prev().get(0) ) {
      $(this).popover('hide');
    }
  });
});

型
工作溶液here。

使用FullCalendar v6和Bootstrap 5：

const calendarEl = document.getElementById('calendar');

const calendar = new FullCalendar.Calendar(calendarEl, {
  // ...

  eventInteractive: true, // make events focusable

  eventClick: function(info) {
    if (info.el == document.activeElement) {
      info.el.blur(); // remove focus if clicked again
    } else {
      info.el.focus(); // otherwise, shift focus
    }
  },

  eventDidMount: function(info) {
    const popover = new bootstrap.Popover(info.el, {
      title: info.event.title,
      // ...
      trigger: 'focus', // hide popover if unfocused
      // ...
    });
  },

  // ...
}

字符串

如果有人遇到这样的问题..

eventRender: function(eventObj, $el) {
          $(".popover").hide(); },

字符串