我正在使用fullcalendar v5在月视图中绘制事件。事件基于“eventType”排序。
天最大事件数设置为“3”。
问题是一个月中的某些天没有显示任何事件(或少于dayMaxEvents,请注意屏幕截图中的4月1日),并显示+更多。
我试图找出为什么会发生这种情况,我认为这是因为这些事件开始于前一天,而这一天只画了'3'个事件(基于排序),让这些延伸到某一天隐藏。
calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [CustomViewPlugin],
locale: 'en',
contentHeight: 1000,
views: {
year: {
type: 'year',
dayMaxEventRows: 3,
duration: { years: 1 },
titleFormat: { year: 'numeric', month: 'long', day: '2-digit' }
},
week: {
contentHeight: 650,
dayMaxEvents: 10,
dayHeaderFormat: { weekday: 'long' }
},
dayGridMonth: {
contentHeight: 1270,
dayMaxEvents: 3,
dayHeaderFormat: { weekday: 'long' }
},
},
initialView: 'year',
timeZone: 'UTC',
eventClick: function (info) {
let event = info.event;
showEventDetails(event.id);
},
events:
[
// Add your events here
{
title: 'Event 1',
start: '2022-02-26',
end: '2022-04-01',
eventType: "Tier 1"
},
{
title: 'Event 2',
start: '2022-02-26',
end: '2022-04-01',
eventType: "Tier 1"
},
{
title: 'Event 3',
start: '2022-02-26',
end: '2022-04-01',
eventType: "Tier 1"
},
{
title: 'Event 4',
start: '2022-02-26',
end: '2022-04-26',
eventType: 'Tier 2'
},
{
title: 'Event 5',
start: '2022-03-26',
end: '2022-04-26',
eventType: 'Tier 2'
},
{
title: 'Event 6',
start: '2022-03-26',
end: '2022-04-26',
eventType: 'Tier 2'
},
{
title: 'Event 7',
start: '2022-03-26',
end: '2022-04-26',
eventType: 'Tier 2'
},
{
title: 'Event 8',
start: '2022-03-26',
end: '2022-04-26',
eventType: 'Tier 2'
}
],
eventOrder: "eventType",
eventContent: function (info) {
//event content here
},
fixedWeekCount: false,
showNonCurrentDates: true
})
我希望有一种方法,即使这一天不是开始日,也总是将事件绘制到dayMaxEvents。
1条答案
按热度按时间ftf50wuq1#
将fullcalendar从v5更新到v6为我解决了这个问题,现在所有的日子都会有最多达dayMaxEvents的事件。