Как использовать пользовательские кнопки в FullCalendar 4.2 со встроенным методом, используя версию JavaScript? - PullRequest
Новая
       5

Как использовать пользовательские кнопки в FullCalendar 4.2 со встроенным методом, используя версию JavaScript?

0 голосов
/ 24 сентября 2019

У меня проблемы с созданием пользовательской кнопки, которая запускает методы 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 для извлечения только событий за отображаемый месяц без необходимости загрузки всей таблицы в память.

...