2015-01-09 83 views
0

我很抱歉,如果這已被回答,但我很難讓我的日曆顯示我已經在谷歌日曆中輸入的事件。全日曆谷歌事件沒有顯示

有人可以看看我的代碼,並告訴我我失蹤了什麼?

<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: '[email protected]', 
         className: 'gcal-event', 
         events: 'https://www.google.com/calendar/feeds/lichfieldrooms%40gmail.com/public/basic' 
     } 
    }); 
}); 

</script> 
+0

我認爲你的'googleCalendarId'值不正確。從文檔中,這個Id應該看起來像'abcd1234 @ group.calendar.google.com'' – 2015-01-09 23:55:15

+0

也是@iubema所說的,ApiKey沒有'<', '>'。 – 2015-01-09 23:58:23

+0

這真的很奇怪。我只能看到(日曆ID:[email protected])我的設置在任何地方都看不到任何地方:( – 2015-01-10 18:28:07

回答

0

不知道這是否會有所幫助,但我一直在運行帶有完整的日曆谷歌日曆每一次我都沒有包括谷歌「事件」部分中的「提要」。而是我把它稱爲像這樣:

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日曆」,則您的公共共享選項將有所不同。如果您正在使用「谷歌企業應用套件」你的管理員將需要打開:

「共享所有信息,並允許管理日曆」 OR 「共享所有信息,但外人無法變更日曆」 這些都是在管理控制檯 - >在Google Apps-> Google日曆下。 在您調整此設置後,您可以返回到Google Apps日曆上的「共享」設置,然後選中「公開此日曆」,然後選擇「查看所有活動詳情」。

否則,您的完整日曆將只顯示事件欄,但不會顯示標題或任何其他信息。

在我的Google Apps帳戶外部使用單獨的Google日曆當然工作,因爲完整日曆解釋瞭如何使用普通的Google日曆執行此操作。

讓我知道這些信息是否有幫助?我是一位新手程序員,在過去的兩週裏一直在使用Javascript,FullCalendar和Google API。