javascript - 模态关闭后的Javascript FullCalendar refetchEvents V5

Question

我正在将 V4 fullcalendar 转换为 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();
      });