Javascript 如何在此脚本之外刷新日历?

Javascript 如何在此脚本之外刷新日历?,javascript,fullcalendar-4,Javascript,Fullcalendar 4,我需要从日历外的按钮重新加载异步日历(fullcalendar 4),以获取数据库中输入的事件 从另一个应用程序生成的事件 document.addEventListener('DOMContentLoaded', function() { var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { plugi

我需要从日历外的按钮重新加载异步日历(fullcalendar 4),以获取数据库中输入的事件

从另一个应用程序生成的事件

document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
      plugins: [ 'interaction', 'dayGrid', 'timeGrid' ],
      selectable: true,
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'dayGridMonth,timeGridWeek,timeGridDay'
      },

      select: function(info) {
        alert('selectado ' + info.startStr + ' to ' + info.endStr);
      },

      events: {
        url: 'cal',
        failure: function() {
          document.getElementById('script-warning').style.display = 'block';
        }
      },

    });

    calendar.render();

  });

我无法使用此脚本之外的按钮重新加载此日历

您可以使用
refetchEvents
方法。它从所有源重新提取事件并重新渲染它们。这样使用:

calendar.refetchEvents();
参考:


确保将按钮侦听器函数放入
DOMContentLoaded
函数中,这样您就可以访问
日历
var.

如何获取事件?您使用的是什么类型的事件源?我只使用url提要事件:{url:'cal',…}