Fullcalendar visibleRange无法在资源日网格上工作

Fullcalendar visibleRange无法在资源日网格上工作,fullcalendar,fullcalendar-5,Fullcalendar,Fullcalendar 5,我正在事件上使用fullcalendar的资源日网格,并尝试添加一个范围。 比如说,活动从2021年1月12日开始,到2021年1月15日结束。然后,我想只显示这个范围,不允许单击上一个或下一个日期 目前我正在使用此代码: const calendarElement = document.getElementById("programme"); let calendar = new Calendar(calendarElement, { scheduler

我正在事件上使用fullcalendar的
资源日网格
,并尝试添加一个范围。 比如说,活动从2021年1月12日开始,到2021年1月15日结束。然后,我想只显示这个范围,不允许单击上一个或下一个日期

目前我正在使用此代码:

const calendarElement = document.getElementById("programme");
    let calendar = new Calendar(calendarElement, {
      schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
      locale: nlLocale,
      timeZone: "UTC",
      plugins: [ 
        resourceDayGridPlugin,
      ],
      initialView: 'resourceDayGridDay',
      resources: `${window.location.href}/getRoomsJSON`,
      eventDisplay: 'block',
      headerToolbar: {
        start: 'title,prev,next',
        center: '',
        end: ''
      },
      visibleRange: {
        start: '2020-01-12',
        end: '2020-01-15'
      },
      events: [
        { id: '1', resourceId: '2', start: '2020-01-12T12:00:00', title: 'event 1' },
        { id: '2', resourceId: '2', start: '2020-01-12T12:00:00', title: 'event 2' },
        { id: '3', resourceId: '3', start: '2020-01-12T12:00:00', title: 'event 4' },
        { id: '4', resourceId: '4', start: '2020-01-12T12:30:00', title: 'event 5' }
      ]
    });

    calendar.render();

看起来visibleRange被忽略了,因为它似乎根本没有任何作用。我也不会得到控制台错误。对此有何想法?

可视范围不适用,因为您使用的视图已经具有固定的时间范围-一个日视图隐含的显示范围为一天。根据其文档和示例,Visible Range仅在没有预定义时间范围的自定义视图中有用

如果要控制允许导航到的日期的总体范围(而不仅仅是在任何时候都可见的日期),则正确的设置选项为有效范围-请参阅