如何使用带有JavaScript版本的内置方法在FullCalendar 4.2中使用自定义按钮?

时间:2019-09-24 18:36:45

标签: javascript fullcalendar fullcalendar-4

我在创建将触发prevYear或prev方法的自定义按钮时遇到问题。原因是我只想加载当前显示月份的事件,而不必将表中的所有数据存储在内存中。

我已经阅读了fullcalendar.io网站上的文档。我也一直在搜寻任何尝试过此方法的人,而与之接近的那个人则行不通。哪个使用javascript来捕获onclick,然后让它做一些事情。

    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: ['bootstrap', 'interaction', 'timeGrid', 'dayGrid', 'list'],
        header: {
            left: 'myCustomButton,prev,next,nextYear today',
            center: 'title',
            right: 'dayGridMonth,timeGridWeek,listWeek'
        },
        customButtons: {
            myCustomButton: {
                text: 'Prev Year',
                click: function (calendar) {
                    calendar.prevYear();
                }
            }
        },
        businessHours: {
            daysOfWeek: [1, 2, 3, 4, 5],
            startTime: '05:00',
            endTime: '18:00'
        },
        defaultView: 'dayGridMonth',
        themeSystem: 'bootstrap',
        editable: true,
        selectable: true,
        droppable: true,
        dateClick: function (info) {
            //let popupDayLabel = document.getElementById('aemLabel');
            //popupDayLabel.innerHTML(info.dateStr + ' Events');
            OnDateClick(info);
        }
    })

    calendar.render();

我希望的是能够拦截并添加到内置的prev / prevYear / next / nextYear函数中,或者自定义以触发内置导航以及触发ajax仅提取当月事件无需将整个表加载到内存中即可显示。

0 个答案:

没有答案