如何在我的函数中更新 Fullcalendar？

Question

如何在我的函数中更新全日历？（onClick、onSelect、function() 等）

示例https://codepen.io/liggth/pen/GRgjYqG?editors=1010

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

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

  calendar.render();


});

function test(){
   calendar.refetchEvents(); 
}

在这种情况下，我收到错误：未捕获的类型错误：calendar.refetchEvents 不是函数

Answer 1

您应该添加属性作为 dateClick 并在其中分配函数。 docs

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

  calendar = new Calendar(calendarEl, {
    plugins: [ 'interaction', 'dayGrid', 'timeGrid' ],
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'dayGridMonth,timeGridWeek,timeGridDay'
    },
    editable: true,
     dateClick: function() {
    alert('a day has been clicked!');
  }

  });

  calendar.render();


});

  function test() {
     calendar.refetchEvents();
  }

如何在我的函数中更新 Fullcalendar？

How to update the Fullcalendar in my function?

javascript

fullcalendar