模式关闭后的 Javascript FullCalendar refetchEvents V5

Question

我正在将 V4 全日历转换为 V5，并且用于在模式关闭后重新获取事件的代码不再起作用。代码是

$('#fullCalModal').on('hidden.bs.modal', function () {
    $('#calendar').fullCalendar( 'refetchEvents' );
});

文档只是这么说的

calendar.refetchEvents()

但它没有引用日历，它只是说“calendar.refetchEvents 不是一个函数”

我整个下午都在谷歌搜索和尝试，但没有成功，所以非常感谢您的帮助。

Answer 1

FullCalendar V5 完全改变了初始化，因此您需要像下面一样实现 v5-

var calendar;
      $(document).ready(function () {
        // new way to init full calendar in v5
        var calendarEl = document.getElementById('calendar');
        // store calendar reference in global variable like below so you can use it later.
        calendar = new FullCalendar.Calendar(calendarEl, {
          initialView: 'dayGridMonth'
        });
        calendar.render();
      });
      // so your code will be
      $('#fullCalModal').on('hidden.bs.modal', function () {
        calendar.refetchEvents();
      });