1

我一直在尝试将我的谷歌日历集成到FullCalendar.io中。

我没有谷歌集成的代码如下所示：

<div id="calendarElem">
<link href='fullcalendar/main.css' rel='stylesheet' />
<script src='fullcalendar/main.js'></script>
<script>
$(function(){
    var calendarEl = document.getElementById('calendarElem');
    var calendar = new FullCalendar.Calendar(calendarEl, {
        initialView: 'dayGridMonth'
    });
    calendar.render();
});
       
</script>
</div>

使用该代码，我得到一个空日历 - 到目前为止一切顺利。

然后我尝试按照文档来集成谷歌日历。

我为 Google 日历创建了一个 API 密钥，公开了我的日历并将 URL 复制到其中。

然后，使用以下代码，我收到一条错误消息“未定义 googleCalendarPlugin”：

var calendar = new FullCalendar.Calendar(calendarEl, {
        initialView: 'dayGridMonth',
        plugins: [ googleCalendarPlugin ],
        googleCalendarApiKey: 'aGeneratedKey',
        events: {
            googleCalendarId: 'myCalendarURL'
        }
    });

然后我尝试简单地从那里删除插件，这解决了以前的问题，但是，现在我从谷歌得到结果，说我的 API 密钥不正确....这可能是有道理的，因为我无法遵循Fullcalendar 的确切程序，如文档中所述，它说要创建“浏览器密钥”，但是，Google 只为我提供了创建 OAuth 客户端 ID 或服务帐户的可能性，而不是创建浏览器密钥...

有人知道如何让它工作吗？

或者是否有人知道在网站上显示您的谷歌日历的好选择（除了使用谷歌提供的 iframe 方法，因为没有样式是可能的）？

编辑：似乎我以某种方式设法创建了一个适用于日历的 API 密钥......但是，现在我得到一个 404，我想这意味着googleCalnedarID不正确......可能是这种情况，因为它看起来与文档显示的内容完全不同..

4

0 回答 0