Ссылка на объект календаря

Question

Мне нужно сослаться на объект fullcalendar - чтобы изменить содержимое или параметры после инициализации - но я всегда получаю сообщение об ошибке.

Сначала я попробовал инициализацию javascript, а затем версию jQuery. Я пробовал "calendar.refech ()" и "calendar.fullcalendar.refetch ()" и "$. (# Calendar) ('refetchEvents')"

document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');
    $(function() {
        $('#calendar').fullCalendar({
            plugins: 
                [ 'interaction', 'dayGrid', 'timeGrid' ,'list'],
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'dayGridMonth,timeGridWeek,timeGridDay'
            },
            locale: 'de',
            defaultDate: heute,
            {…}
            editable: true,
            eventLimit: true,
            events: 'load.php',
        })
    });
});

$('#calendar').getOption('locale');

Последняя строка в коде производитошибка: "Uncaught TypeError: $ (...) не является функцией

Answer 1

Как отмечено в вашем коде, calendarEl инициализируется, но никогда не используется.

По сути, вы можете инициализировать основной объект Calendar из EventListener DOMContentLoaded и использовать его как глобальный на этой странице, как в следующем коде:

var myCalendar;
document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');
    var myCalendar = new FullCalendar.Calendar(calendarEl, {
          plugins: 
                [ 'interaction', 'dayGrid', 'timeGrid' ,'list'],
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'dayGridMonth,timeGridWeek,timeGridDay'
            },
            locale: 'de',
            defaultDate: heute,
            {…}
            editable: true,
            eventLimit: true,
            events: 'load.php'
    });

    myCalendar.render();
});

Инициализация объекта Calendar предоставляется в этой ссылке .