javascript 某些事件未显示在月视图中-完整日历

iezvtpos  于 2023-02-15  发布在  Java
关注(0)|答案(1)|浏览(159)

我正在使用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。

ftf50wuq

ftf50wuq1#

将fullcalendar从v5更新到v6为我解决了这个问题,现在所有的日子都会有最多达dayMaxEvents的事件。

相关问题