Как заставить всплывающие окна Bootstrap работать в FullCalendar 4? - PullRequest
Новая
       22

Как заставить всплывающие окна Bootstrap работать в FullCalendar 4?

0 голосов
/ 02 июля 2019

Я использую данные календаря Google в FullCalendar 4, и все отображается нормально, но мне сложно понять, как использовать загрузочные всплывающие окна для событий при наведении курсора. Я пробовал кучу разных вещей, которые нашел в Интернете, но все это либо выдает ошибки JSON, либо вообще ничего не делает (вероятно, потому, что большинство из них для предыдущих версий). 

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

        var calendar = new FullCalendar.Calendar(calendarEl, {
            plugins: [ 'dayGrid', 'timeGrid', 'list', 'bootstrap', 'googleCalendar' ],
            themeSystem: 'bootstrap',
            googleCalendarApiKey: 'xxxxxxx',

            events: {
                googleCalendarId: 'xxxxxxx'
            },

            eventRender: function(event, element) {
                $(element).popover({
                    title: event.title,
                    placement:'top',
                    html:true,
                    trigger : 'hover',
                    animation : 'false',
                    content: event.description,
                    container:'body'
                }).popover('show');
            },

            height: 650,
            header: {
                left: 'title',
                center: '',
                right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek prevYear,prev,next,nextYear'
            }
        });

        calendar.render();

Эта конкретная функция eventRender не выдает никаких ошибок, но и ничего не делает. Единственное, что происходит при наведении мыши - это добавление fc-allow-mouse-resize к тегу привязки в конкретном событии. Чего мне не хватает?

...