使用 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?
当
涉及到谷歌日历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);
}
});
});
}
我相信这可以更有效地处理,但它对我有用。也许有人可以从这段代码中获得一些想法并使其变得更好。
相关文章:
- 搜索日历事件的Javascript正则表达式
- 如何将完整日历事件限制为仅一天
- 使用完整日历在网站上获取并显示来自Google日历事件的附加图像
- 从 ngDialog 模式修改完整日历事件信息(开始和结束)
- 谷歌工作表中用于获取条目和创建日历事件的脚本示例
- 如何根据描述对完整日历事件进行颜色编码
- setHours()从电子表格导入的日期创建谷歌日历事件时出错-应用程序脚本
- 如何在asp中保存服务器中的更新完整日历事件
- 在javascript中使用API v3检索Google日历事件
- 完整日历事件单击未触发
- 使用 Node.js 创建定期 Outlook 日历事件
- 从“ics”文件接收谷歌日历事件,并将其与FullCalendar一起使用
- 获取从 SQL/PHP 到 Javascript 的日历事件
- 如何捕获 Office 365 日历事件,如取消、移动约会
- 在全日历事件上重复时间
- 角度 UI 日历事件消失
- 谷歌日历事件列表jQuery格式
- Google 日历 API 在尝试获取我的所有日历事件时返回 404
- 从不调用全日历事件销毁
- 如何在我的 Web 应用程序中检索和显示 Outlook/Exchange 日历事件