如果这个问题已经得到回答,我深表歉意,但我很难让我的日历显示我在谷歌日历中输入的事件。
有人可以查看我的代码并告诉我我缺少什么吗?
<link rel='stylesheet' href='fullcalendar-2.2.5/fullcalendar.css' />
<script src='fullcalendar-2.2.5/lib/jquery.min.js'></script>
<script src='fullcalendar-2.2.5/lib/moment.min.js'></script>
<script src='fullcalendar-2.2.5/fullcalendar.js'></script>
<script type='text/javascript' src='fullcalendar-master/dist/gcal.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
$('#calendar').fullCalendar({
googleCalendarApiKey: '<AIzaSyD6vDNaab25QZdjAqggmjT1_BvCa_9WeEY>',
events: {
googleCalendarId: 'lichfieldrooms@gmail.com',
className: 'gcal-event',
events: 'https://www.google.com/calendar/feeds/lichfieldrooms%40gmail.com/public/basic'
}
});
});
</script>
查看您的代码以及完整日历和谷歌日历的文档似乎都可以,但我认为您的 ApiKey 不行,请尝试在没有"<">"的情况下编写它。
编辑:此外,在您的代码中,第二个事件应遵循以下格式 http://fullcalendar.io/docs/event_data/Event_Source_Object/#options
不确定这是否有帮助,但每次我使用完整日历运行谷歌日历时,我都没有在"事件"部分包含谷歌"提要"。相反,我是这样称呼它的:
var gCalId = //your google calendar ID
var gApi = //your google API
$(document).ready(function() {
$('#calendar').fullCalendar({
eventSources: [
{
url: gCalId,
}
],
});
});
你也可以这样调用它(假设你在其他地方包含 API):
events: {
googleCalendarId: gCalId,
},
我对此有点陌生,但这些一直在为我工作。此外,完整日历的文档通过省略来解释这一点,但如果您使用的是"Google Apps"日历而不是普通的"Google 日历",您的公共共享选项将有所不同。如果您使用的是"Google Apps",则管理员需要打开:
"共享所有信息,并允许管理日历"或"共享所有信息,但外人无法更改日历"这些位于管理控制台中 ->在Google Apps->Google日历下。调整此设置后,您可以返回Google Apps日历上的共享设置并选中"公开此日历",然后您现在可以选择"查看所有事件详细信息"。
否则,您的完整日历将仅显示事件块,但不显示标题或任何其他信息。
当然,在我的Google Apps帐户之外使用单独的Google日历是有效的,因为完整日历解释了如何使用普通的Google日历来执行此操作。
让我知道这些信息是否有帮助?我是一个新手程序员,在过去的两周里一直在与Javascript,FullCalendar和Google API搏斗。