Javascript 如何在fullcalendar中无范围限制地显示所有事件?
我想在fullcalendar v5中不受任何限制地显示所有事件 这是我的密码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
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”。它将显示年视图。。看见