如何解决Fullcalendar-diplsay Google日历不起作用
我一直在尝试将我的Google日历集成到FullCalendar.io中。
没有Google集成的我的代码如下:
<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>
使用该代码,我得到了一个空的日历-到目前为止一切都很好。
然后,我尝试按照the docs集成Google日历。
我去为Google日历创建了一个API密钥,公开了我的日历并复制了URL。
然后,使用以下代码,我收到一条错误消息:“未定义googleCalendarPlugin”:
var calendar = new FullCalendar.Calendar(calendarEl,{
initialView: 'dayGridMonth',plugins: [ googleCalendarPlugin ],googleCalendarApiKey: 'aGeneratedKey',events: {
googleCalendarId: 'myCalendarURL'
}
});
然后我尝试从那里简单地删除该插件,这解决了先前的问题,但是,现在我从Google那里得到了结果,说我的API密钥不正确...。这可能是有道理的,因为我无法并没有遵循Fullcalendar的确切程序,例如在文档中说创建“浏览器密钥”,但是Google只为我提供了创建OAuth客户端ID或服务帐户的可能性,而不是创建浏览器密钥...
有人知道如何使它工作吗?
或者没有人知道在网站上显示您的Google日历的好方法(除非使用google提供的iframe方法,因为这无法设置样式)?
EDIT :似乎我设法以某种方式创建了适用于日历的API密钥...但是,现在我得到的是404,我想这意味着{{1} }是不正确的……可能是这样,因为它看上去也与文档显示的完全不同。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。