Javascript 如何在fullcalendar中无范围限制地显示所有事件?

Javascript 如何在fullcalendar中无范围限制地显示所有事件?,javascript,fullcalendar,fullcalendar-5,Javascript,Fullcalendar,Fullcalendar 5,我想在fullcalendar v5中不受任何限制地显示所有事件 这是我的密码 document.addEventListener('DOMContentLoaded', function() { var calendarEventsEl = document.getElementById('calendar-events'); calendarEvents = new FullCalendar.Calendar(calendarEventsEl, { init

我想在fullcalendar v5中不受任何限制地显示所有事件

这是我的密码

document.addEventListener('DOMContentLoaded', function() {
    var calendarEventsEl = document.getElementById('calendar-events');

    calendarEvents = new FullCalendar.Calendar(calendarEventsEl, {
        initialView: 'listMonth',
        navLinks: false, // can click day/week names to navigate views
        dayMaxEvents: true,
        eventTimeFormat: {
            hour: 'numeric',
            minute: '2-digit',
            meridiem: false
        },
        eventSources: [{
            method: 'POST',
            url: '/calendar/get_all',

            failure: function() {
                document.getElementById('script-warning').style.display = 'block'
            }
        }]
    });

    calendarEvents.render();
})
此时此刻,我可以显示本月的所有事件

如果我检查eventSources api的响应,则响应包含所有事件

但我想做的是显示所有事件,没有任何限制,如周、月等

我尝试将initialView选项更改为list,并尝试将validRange和visibleRange设置为null


有什么想法吗?

当事件太多时,会显示一个类似“+2”的链接。用户单击链接时发生的确切操作由eventLimitClick确定

如果值为false,则默认情况下将按原样显示所有事件

如果值为true,则事件数将限制为日单元格的高度。观看现场演示

整数值将事件限制为特定数量的行

对于TimeGrid视图中的全天部分,值为true将事件数限制为5。要对此进行微调,请使用以下视图特定选项:

var calendar = new Calendar(calendarEl, {
  eventLimit: true, // for all non-TimeGrid views
  views: {
    timeGrid: {
      eventLimit: 6 // adjust to 6 only for timeGridWeek/timeGridDay
    }
  }
});

当事件太多时,将显示一个类似“+2更多”的链接。用户单击链接时发生的确切操作由eventLimitClick确定

如果值为false,则默认情况下将按原样显示所有事件

如果值为true,则事件数将限制为日单元格的高度。观看现场演示

整数值将事件限制为特定数量的行

对于TimeGrid视图中的全天部分,值为true将事件数限制为5。要对此进行微调,请使用以下视图特定选项:

var calendar = new Calendar(calendarEl, {
  eventLimit: true, // for all non-TimeGrid views
  views: {
    timeGrid: {
      eventLimit: 6 // adjust to 6 only for timeGridWeek/timeGridDay
    }
  }
});

设置null将不起作用。日历需要某种范围。即使你从现在起赚了100年。但请注意,它在一次显示数千个事件时不是很有效——它的设计目的是一次显示几天或几周,然后让您浏览它。事实上,如果您监控POST请求以获取所有您将看到的内容,fullCalendar会自动将开始和结束参数添加到请求中,即当前显示日期范围的开始和结束,以告知服务器要返回哪些事件。此外,人类在一次查看和处理大量数据方面效率不高,因此,请从用户体验的角度仔细考虑您正在显示的内容。如果你的活动非常少,那么可以有一个跨越多个月或几年的日历,但再说一次,你需要日历吗?您可能只需要一个简单的HTML列表就可以获得类似的结果。将initialView:“listMonth”更改为initialView:“listYear”。它将显示年视图。。请参阅设置null将不起作用。日历需要某种范围。即使你从现在起赚了100年。但请注意,它在一次显示数千个事件时不是很有效——它的设计目的是一次显示几天或几周,然后让您浏览它。事实上,如果您监控POST请求以获取所有您将看到的内容,fullCalendar会自动将开始和结束参数添加到请求中,即当前显示日期范围的开始和结束,以告知服务器要返回哪些事件。此外,人类在一次查看和处理大量数据方面效率不高,因此,请从用户体验的角度仔细考虑您正在显示的内容。如果你的活动非常少,那么可以有一个跨越多个月或几年的日历,但再说一次,你需要日历吗?您可能只需要一个简单的HTML列表就可以获得类似的结果。将initialView:“listMonth”更改为initialView:“listYear”。它将显示年视图。。看见