我是编程新手,所以请原谅不正确的术语,但我能够将基本的FullCalendar添加到我的网站上,并希望根据我的一个公共Google日历填充日历。我按照FullCalendar网站上的步骤设置了Google日历,但是即使公共Google日历上有事件,我仍然只看到一个空白日历。 设置时我唯一不确定的步骤是设置 Google API 的授权 JavaScript Origins 部分。 我正在使用 GitHub 页面站点,它不接受我站点的完整路径名,所以我只是将主集线器部分 (https://username.github.io( 放在此授权 JavaScript Origins 字段中。这是不正确的吗? 如果我在具有以下 URL 类型的网站上使用 FullCalendar,则需要在此路径中进行哪些操作:https://stephmorgan.github.io/repository/?
<head>
<link rel="stylesheet" href="fullcalendar/fullcalendar.css" />
<script src="lib/jquery.min.js"></script>
<script src="lib/moment.min.js"></script>
<script src="fullcalendar/fullcalendar.js"></script>
<script src="fullcalendar/gcal.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#calendar").fullCalendar({
googleCalendarApiKey: "<API-KEY>",
events: {
googleCalendarId: "b3eki2m39g1lcfcq3nnl1vb9lo@group.calendar.google.com"
className: "gcal-event"
}
});
});
</script>
</head>
<body>
<div id="calendar"></div>
</body>
有几个问题:
1(googleCalendarId: "Calendar ID: b3eki2m39g1lcfcq3nnl1vb9lo@group.calendar.google.com"
应该googleCalendarId: "b3eki2m39g1lcfcq3nnl1vb9lo@group.calendar.google.com"
,如 https://fullcalendar.io/docs/google_calendar 的例子。它认为"日历ID:"是ID的一部分,显然不是,谷歌不会识别它。
2( API 密钥的相同问题 - 从字符串末尾删除<
和>
。
3(听起来您选择了错误的凭据类型 - API密钥配置不包含来自JavaScript来源等的部分。您必须选择创建 API 密钥(有时称为浏览器密钥(,而不是Oauth 客户端 ID 或服务帐户。