如何在Fullcalendar v4中使用上一个/下一个周期在时间轴视图中设置自定义可见范围？

问题描述

如何在Fullcalendar的时间轴视图中设置自定义可见范围？我可以进行设置，但是指向下一个或上一个范围的箭头将不起作用。

我使用此代码，并且FC在加载后正确显示了日期范围2020-08-01 - 2020-09-30。但是，当我单击FC顶部的上一个/下一个箭头移到另一个期间时，什么也没发生。为什么？ Validrange足够长。

我的目标是，如果像上面的示例一样设置可见范围（两个月），则下一个周期应为2020-10-01 - 2020-11-30（两个月），上一个周期应相同。但是可见范围可以不同，由用户选择。

var calendar = new FullCalendar.Calendar(document.getElementById('calendar'),{
  defaultView: 'resourceTimeline',/*
  defaultView: 'resourceTimeline30',views: {
    resourceTimeline30: {
      type: 'resourceTimeline',duration: {
        days: 30
      }
    }
  },*/

  firstDay: 1,slotWidth: 22,snapDuration: '12:00',slotDuration: '12:00',slotLabelInterval: '24:00',slotLabelFormat: [{ weekday: 'short',day: 'numeric',month: 'long' }],validRange: {
    start: '2019-08-14',end: '2021-08-13'
  },visibleRange: function(currentDate) {
    var startDate = new Date(currentDate.valueOf());
    var endDate = new Date(currentDate.valueOf());

    startDate.setDate(startDate.getDate() - 30);
    endDate.setDate(endDate.getDate() + 30);

    return { start: startDate,end: endDate };
  }
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）