比较全日历中的两个事件

Question

我有两个不同的 eventSources 用于在 FullCalendar 中显示事件 - 一个来自 Google 日历，另一个来自本地数据库。

这是我的事件来源：

eventSources: [
        {
            url: $('#google_calendar_xml').val(), //Get google calendar url from element value
            className: 'google-event'
        },

        {
            url: '/planner/events',
            className: 'local-event'
        }
]

两个事件源都在工作，并且事件正在完美呈现。 但是，如果在 Google 日历和完整日历中创建了相同的事件，我只需要显示一个事件。 为了实现这一点，我需要一种方法来比较来自两个来源的所有事件的标题、开始和结束时间。

我搜索了 FullCalendar 文档，但找不到任何功能或方法来实现这一点。

Answer 1

您可以使用eventAfterAllRender ，它在两个源的 fullCalendar 中的所有事件都完成渲染后触发。

eventAfterAllRender: function( view ) {
    var allevents = $('#calendar').fullCalendar('clientEvents');
}

现在，有了allevents对象，您可以做很多事情。

这是我拿给我的：

eventAfterAllRender: function(view) {
                    var allevents = $('#calendar').fullCalendar('clientEvents');
                    var countevents = 0;
                    if( allevents.length ) {
                        countevents = countevents + allevents.length;
                    }
                    if(!allevents) {
                        // alert('event count is'+countevents);
                        console.log('event count is',countevents);
                    }
                }