你好,我的主要目标是从Google日历中获取所有事件,并显示它们的名称以及日期(如果有时间,则显示时间)。
我正在使用JavaScript Google日历API V3,并且在获取每个事件的日期时遇到了问题。在进一步解释我的问题之前,请看下面的当前代码:
现在resp.items[i].start.date和resp.items[i].end.date有时会返回日期,但有时只会返回undefined。那么我该如何获取事件的日期呢?
我的想法是循环遍历每个月的每一天,并获取当天所有的事件。但是,当我尝试添加timeMax和timeMin参数以获取所需日期的RFC3339时间戳时,它没有返回任何内容。请问是否能提供一个示例来完成此操作?
非常感谢您的帮助。
var clientId = '200816328603.apps.googleusercontent.com';
var apiKey = 'AIzaSyD3rbV__d8u6r9u5GioBU0oVwa-53YXRqM';
var scopes = 'https://www.googleapis.com/auth/calendar';
function handleClientLoad() {
gapi.client.setApiKey(apiKey);
window.setTimeout(checkAuth,1);
checkAuth();
}
function checkAuth() {
gapi.auth.authorize({client_id: clientId, scope: scopes, immediate: true},
handleAuthResult);
}
function handleAuthResult(authResult) {
var authorizeButton = document.getElementById('authorize-button');
if (authResult) {
authorizeButton.style.visibility = 'hidden';
makeApiCall();
} else {
authorizeButton.style.visibility = '';
authorizeButton.onclick = handleAuthClick;
}
}
function handleAuthClick(event) {
gapi.auth.authorize(
{client_id: clientId, scope: scopes, immediate: false},
handleAuthResult);
return false;
}
//document.createTextNode(resp.items[i].summary)
function makeApiCall() {
gapi.client.load('calendar', 'v3', function() {
var request = gapi.client.calendar.events.list({
'calendarId': 'pvhs.k12.nj.us_r6jaor04o80hpsaldf17civeio@group.calendar.google.com'
});
request.execute(function(resp) {
for (var i = 0; i < resp.items.length; i++) {
//---------nodes for html elements
var title = document.createTextNode(resp.items[i].summary); //titles are undefined so I'm using the summary as title instead
//var description = document.createTextNode(resp.items[i].description); //there are no descriptions apparently
var date = document.createTextNode('Start: ' + resp.items[i].start.date + ' End: ' + resp.items[i].end.date); //resp.items[i].date returns undefined
//---------html elements
var div = document.createElement('div');
div.className = resp.items[i].summary;
var h1 = document.createElement('h1');
h1.appendChild(title);
div.appendChild(h1);
//loop is to filter out all the undefined
if (date.textContent != 'Start: undefined End: undefined') {
var p = document.createElement('p');
p.appendChild(date);
div.appendChild(p);
}
document.body.appendChild(div);
}
});
});
}
现在resp.items[i].start.date和resp.items[i].end.date有时会返回日期,但有时只会返回undefined。那么我该如何获取事件的日期呢?
我的想法是循环遍历每个月的每一天,并获取当天所有的事件。但是,当我尝试添加timeMax和timeMin参数以获取所需日期的RFC3339时间戳时,它没有返回任何内容。请问是否能提供一个示例来完成此操作?
非常感谢您的帮助。