如何使用JavaScript从Google Calendar API检索所有活动

时间:2014-08-10 20:39:59

标签: javascript jquery api google-calendar-api recurring-events

阅读Google API文档,在日历中检索事件非常容易,但我意识到有一些例外情况:

1-经常性事件:有很多关于在其他帖子中检索这些事件的问题。我在其他帖子中找到的解决方案是将singleEvents设置为true,但不幸的是,在这种情况下,全天事件会出现问题。

2-通常每个事件都应该有一个id,这是一个唯一的代码。当您检索事件的重复时,id将具有类似“mainEventID_recurrenceTimestamp”的模式,但是当您检索日历中的事件列表时,事件ID中应该没有下划线。但是,有时当有人更新您日历上的事件时,例如更新事件的位置,将会有两个事件对所有属性具有相同的值,唯一的区别将是更新的属性(位置)和ID。更新的事件将具有类似“mainEventID_recurrenceTimestamp”的id。在这种情况下可能会出现两类问题:

a)您将检索并处理同一事件的两个实例。 b)如果要在第一个请求中查找所有重复事件,并检索以下请求中的所有重复事件,并使用“mainEventID_recurrenceTimestamp”之类的模式传递id,则不会有响应。

我花了一些时间来弄清楚这些异常,我编写了几行JavaScript代码,可以解决这些异常并从日历中检索所有事件,包括重复和全天事件。

我把我的代码放在这里,所以如果其他人遇到类似的异常,他们就可以使用这段代码了。如果你改进这个代码我也会很感激,所以其他人可以从中受益:

function retrieveAllEvents(yourcalendarId, yourKey) {
    var events;
    var waitForResponses = [];
    var recievingData = false;

    $.get( "https://www.googleapis.com/calendar/v3/calendars/" + yourcalendarId + "/events/?", 
        { (Optional parameters like maxResults), key: yourKey } )
    .done(function( data ) {
        events = data["items"];

        for (i = 0; i < events.length; i++) {
            if (events[i]['status'] != "confirmed") {
                events.splice(i, 1);
                i--;
            }
            for (j = 0; j < events.length; j++) {
                if (i != j && events[i]['id'].indexOf(events[j]['id']) > -1) {
                    events.splice(i, 1);
                    i--;
                    break;
                }
            }
        }

        var thereisRecurrentEvent = false;
        for (i = 0; i < events.length; i++) {
            if ("recurrence" in events[i]) {
                waitForResponses.push(events[i]['id']);
                thereisRecurrentEvent = true;
                events.splice(i, 1);
                i--;
                recieveRecurrentEvent();
            }
        }
        if (!thereisRecurrentEvent) {
            AllEventsReceived(events);
        }
    });

    function retrieveRecurrentEvent() {
        if (!recievingData) {
            recievingData = true;
            $.get( "https://www.googleapis.com/calendar/v3/calendars/" + yourcalendarId + "/events/" + waitForResponses[0] + "/instances?", 
                { (Optional parameters like maxResults), key: yourKey } )
            .done(function( data ) {
                events = events.concat(data["items"]);

                for (j = 0; j < events.length; j++) {
                    if (events[j]['status'] != "confirmed") {
                        events.splice(j, 1);
                        j--;
                    }
                }

                waitForResponses.splice(0, 1);
                if (waitForResponses.length == 0) {
                    AllEventsReceived(events);
                }
                else {
                    recievingData = false;
                    retrieveRecurrentEvent();
                }
            });
        }
    }

    return events;
}

1 个答案:

答案 0 :(得分:0)

我尝试在API资源管理器(https://developers.google.com/apis-explorer/#p/calendar/v3/calendar.events.list)中使用singleEvents = true检索全天事件:

获取https://www.googleapis.com/calendar/v3/calendars/primary/events?singleEvents=true&timeMax=2014-08-15T00%3A00%3A00Z&timeMin=2014-08-10T00%3A00%3A00Z

并通过以下方式正确地恢复了全天活动:

   "start": {
    "date": "2014-08-08"
   },
   "end": {
    "date": "2014-08-11"
   },

我的建议不是您的代码:

var pageToken;
var events = [];
var query = "https://www.googleapis.com/calendar/v3/calendars/" + yourcalendarId + "/events/?";
do {
    $.get( query, { pageToken: pageToken, singleEvents:true, key: yourKey } )
            .done(function( data ) {
        events = events.concat(data["items"]);
        pageToken = data["nextPageToken"];
    });
}
while (pageToken);