未显示完整日历 Google 活动



如果这个问题已经得到回答,我深表歉意,但我很难让我的日历显示我在谷歌日历中输入的事件。

有人可以查看我的代码并告诉我我缺少什么吗?

<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搏斗。

相关内容

  • 没有找到相关文章

最新更新