Извиняюсь также за дублирование. Как указано выше, простая замена функции eventClick функцией eventRender приводит к исчезновению всех событий календаря при попытке отрисовки событий из нескольких источников Календаря Google. Когда я проверяю вкладку сети, кажется, что данные возвращаются: обратные вызовы для каждого из 3 календарей показывают зеленую точку.

аюсь получить всплывающие окна для отображения информации о событии, используя FulCalendar 3.9.0 JQuery 3.3.1 и Bootstrap 4.1.0. Когда я пытаюсь заменить следующий код:

        eventClick: function(event) {
        // opens events in a popup window
        window.open(event.url, '_blank', 'width=700,height=600');
        return false;
    }

как это продемонстрированоонлайн демо с участием:

    eventRender: function(eventObj, $el) {
    $el.popover({
        title: eventObj.title,
        content: eventObj.description,
        trigger: 'hover',
        placement: 'top',
        container: 'body'
    });
},

Следующий код отображает события, извлеченные из различных календарей Google, без каких-либо проблем до внесения этого изменения:

    $(document).ready(function() {

// Initialise the main calendar instance
$('#fullcalendar-instance').fullCalendar({
    googleCalendarApiKey: 'MyAPIkey',
    eventSources: [
        {
            googleCalendarId: 'gCalID-1',
            color: 'green',   // an option!
            textColor: 'black', // an option!
            className: 'my-event-1'
        },
        {
            googleCalendarId: 'gCalID-2',
            color: 'blue',   // an option!
            textColor: 'black', // an option!
            className: 'my-event-2'
        },
        {
            googleCalendarId: 'gCalID-3',
            color: 'orange',   // an option!
            textColor: 'black', // an option!
            className: 'my-event-3'
        }
    ],
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'prevYear,nextYear',
    },
    titleFormat: 'MMM YYYY',
    dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
    bootstrapFontAwesome: {
        close: 'fa-times',
        prev: 'fa-angle-left',
        next: 'fa-angle-right',
        prevYear: 'fa-angle-double-left',
        nextYear: 'fa-angle-double-right'
    },
    timezone: 'Europe/London',
    defaultView: 'month',
    themeSystem: 'bootstrap4'
})

});

Насколько я вижу, в консоли не отображаются ошибки. Просто все события календаря не отображаются.

Любая помощь будет оценена.

Ответы на вопрос(0)

Ваш ответ на вопрос