javascript - 比较全日历中的两个事件

Question

我有两个不同的事件源用于在 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);
                    }
                }