FullCalendar EventRender问题

时间:2018-04-13 10:35:00

标签: fullcalendar bootstrap-4 popper.js

我试图使用FulCalendar 3.9.0 JQuery 3.3.1和Bootstrap 4.1.0来使用popovers来显示事件信息。当我尝试替换以下代码时:

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

如此online demo所示:

    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 个答案:

没有答案