使用 Javascript 和 Google Calendar API v3,如何允许用户指定非主日历来添加事件

Using Javascript & Google Calendar API v3, how do I allow the user to specify a non-primary calendar to add an event?

本文关键字:日历 事件 添加 用户 何允许 Google Javascript Calendar API v3 使用      更新时间:2023-09-26

涉及到谷歌日历API时,我是一个初学者,仍然是javascript的初学者。我正在尝试允许我的用户将事件添加到他们选择的日历中。我可以使用 Oauth2 进行身份验证并可以对其进行设置,以便他们可以将事件添加到具有硬编码日历 ID 的日历中,但我无法弄清楚如何允许他们选择日历。我仔细阅读了网络,但一无所获。任何帮助都非常感谢。稀交籲

这是我所做的。同样,我只是在学习javascript,但是下面的函数让我可以获取带有calendarID和calendarSummary的日历列表。我使用这些值来创建链接,这些链接将 calendarID 变量传递到将由服务器处理的页面。 该页面将 URL 变量传递给使用 calendarID 插入事件的 JavaScript 函数。

function getAvailableCalendars() {
      gapi.client.load('calendar', 'v3', function() {
        var request = gapi.client.calendar.calendarList.list();
        request.execute(function(resp) {
            var mydiv = document.createElement('div');
            mydiv.innerHTML = 'Choose a calendar to insert the event:<br />'
          for (var i = 0; i < resp.items.length; i++) {
            var calendarID = resp.items[i].id;
            var calendarSummary = resp.items[i].summary;
            var a = document.createElement('a');
            a.title = calendarSummary;
            a.innerHTML += a.title + '<br />';
            a.href='http://mysite.com/intakeCalInsert.cfm?calendar=' +calendarID;
            mydiv.appendChild(a);
            document.getElementById('events').appendChild(mydiv);
          }
        });
      });
    }

我相信这可以更有效地处理,但它对我有用。也许有人可以从这段代码中获得一些想法并使其变得更好。