完整的日曆不顯示任何谷歌日曆事件

-1

我發表了這個問題前一整天都在研究，並沒有運氣。因此，我現在要求一些幫助！完整的日曆不顯示任何谷歌日曆事件

我無法使用FullCalendar將我的任何Google日曆活動顯示在我的網站上。不僅我的活動沒有顯示，我甚至無法讓美國假期日曆顯示，就像他們在FullCalendar上的演示一樣。

我希望我失去了一些非常小的東西，並且有人能夠很快趕上它。日曆本身顯示正確，但沒有事件顯示。

<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
    <title>tegIdeas - Course Schedule</title> 
    <meta name="description" content=""> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"/> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link href="css/font-awesome.min.css" rel="stylesheet"> 
    <link href="css/prettyPhoto.css" rel="stylesheet"> 
    <link href="css/animate.css" rel="stylesheet"> 
    <link href="css/fullcalendar.css" rel="stylesheet"> 
    <link href="css/main.css" rel="stylesheet"> 
    <link href="css/responsive.css" rel="stylesheet"> 
    <link href="css/shame.css" rel="stylesheet"> 
    <script src="js/jquery.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <script src="js/jquery.isotope.min.js"></script> 
    <script src="js/moment.min.js"></script> 
    <script src="js/main.js"></script> 
    <script src="js/fullcalendar.min.js"></script> 
    <script src="js/gcal.js"></script> 
    <script type='text/javascript'> 
    $(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,agendaWeek,agendaDay' 
       }, 
      eventSources: { 
       googleCalendarApiKey: 'myApiKey', 
       googleCalendarId: 'myCalendarId', 
       className: 'fc-event-email' 
       }, 
      selectable: true, 
      selectHelper: true, 
      editable: false, 
     }); 
    }); 
    </script> 
    <!--[if lt IE 9]> 
    <script src="js/html5shiv.js"></script> 
    <script src="js/respond.min.js"></script> 
    <![endif]--> 
</head>

來源

2016-06-07 Sean B

這可能是一個虛擬question-您是否使用了正確的apiKey和calendarId代替'myApiKey'和'myCalendarId'？

此外，如果'myApiKey'和'myCalendarId'是您先前在您的代碼中設置的變量，則不應該由'扭曲。

eventSources: { 
    googleCalendarApiKey: myApiKey, 
    googleCalendarId: myCalendarId 
}

來源

2016-06-07 01:37:01 ThiagoPXP

爲了提出這個問題，我只是用佔位符替換了它們。事實上他們並不是變數，那就是我習慣寫東西的方式！ –

對不起。我只需要問......：c） – ThiagoPXP

其他事情：你是通過本地主機還是文件系統運行網頁（如file：// c：etc）......如果沒有在htttp下運行， https – ThiagoPXP

你可以重新寫爲下面的日曆功能：

到位eventSources的只是事件
注意在的editable: false

結束不必要的逗號

$('#calendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    googleCalendarApiKey: 'API_Key', 
    events: { 
     googleCalendarId: 'Calendar_Id' 
    }, 
    selectable: true, 
    selectHelper: true, 
    editable: false 
});

這工作爲了我。

來源

2017-08-09 07:46:42 javatogo

完整的日曆不顯示任何谷歌日曆事件

回答

相關問題