Question

如果已经回答这个问题我很抱歉，但是我很难让我的日历显示我在谷歌日历中输入的事件。

有人可以查看我的代码并告诉我我错过了什么吗？

<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>

Answer 1

查看您的代码以及完整日历和Google日历的文档似乎都可以，但我认为您的ApiKey不行，请尝试在没有'＆lt;'的情况下编写它'＆GT;'。

编辑：此外，在您的代码中，第二个事件应遵循此格式http://fullcalendar.io/docs/event_data/Event_Source_Object/#options

Answer 2

不确定这是否有帮助，但每次我使用完整日历运行谷歌日历时，我都没有包含谷歌＆＃34; Feed＆＃34;在＆＃34;事件＆＃34;部分。相反，我这样称呼它：

var gCalId = //your google calendar ID   
var gApi = //your google API

$(document).ready(function() {
$('#calendar').fullCalendar({
eventSources: [
            {
                url: gCalId,    
            }
        ],
   });  


});

您也可以将其称为（假设您在其他地方包含API）：

events: {   
   googleCalendarId: gCalId,
        },

我有点新意，但那些一直在为我工作。此外，完整日历中的文档通过省略解释了这一点，但如果您使用的是＆＃34; Google Apps＆＃34;日历而不是普通的Google日历＆＃34;您的公共分享选项将有所不同。如果您正在使用＆＃34; Google Apps＆＃34;您的管理员需要开启：

＆＃34;分享所有信息，并允许管理日历＆＃34; 要么＆＃34;分享所有信息，但外人无法更改日历＆＃34; 它们位于管理控制台 - > Google Apps-＆gt; Google日历下。调整此设置后，您可以返回Google Apps日历上的“共享”设置，然后选中“公开此日历”＃34;然后，您现在可以选择＆＃34;查看所有活动详情＆＃34;。

否则，您的完整日历只会显示事件块，但不会显示标题或任何其他信息。

在我的Google Apps帐户之外使用单独的Google日历当然是有效的，因为完整日历只解释了如何使用普通的Google日历执行此操作。

如果这些信息有帮助，请告诉我？我是一名新手程序员，过去两周一直在与Javascript，FullCalendar和Google API搏斗。

完整的日历谷歌事件没有显示

2 个答案: