Fullcalendar v5如何使用复选框显示和隐藏事件

<div id="calendar"></div>

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');
  var calendar = new FullCalendar.Calendar(calendarEl, {
    // 配置其他选项
    // ...

    // 配置事件源
    events: function(info, successCallback, failureCallback) {
      // 根据你的需求获取事件数据
      var events = [
        {
          title: '事件1',
          start: '2022-12-01',
          show: true  // 自定义属性，用于表示是否显示该事件
        },
        {
          title: '事件2',
          start: '2022-12-15',
          show: false  // 自定义属性，用于表示是否显示该事件
        },
        // 添加其他事件对象
        // ...
      ];

      // 根据事件的show属性，决定是否显示事件
      var filteredEvents = events.filter(function(event) {
        return event.show;
      });

      // 调用successCallback并传递过滤后的事件数组
      successCallback(filteredEvents);
    }
  });

  calendar.render();
});