2017-04-03 12 views
0

今回は元のファイルとフォルダ構造を保持しています。 Googleカレンダーのイベントを表示するには、コードを 'default.html'から変更してください。しかし、私はそのスクリプトを追加するとすぐに、カレンダーやイベントを表示しません。fullCalendarをGoogleカレンダーと同期できません。私はどこでも見て、間違ったものが見つからない

私は本当に迷っています。

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset='utf-8' /> 
    <link href='../fullcalendar.min.css' rel='stylesheet' /> 
    <link href='../fullcalendar.print.min.css' rel='stylesheet' media='print' /> 
    <script src='../lib/moment.min.js'></script> 
    <script src='../lib/jquery.min.js'></script> 
    <script src='../fullcalendar.min.js'></script> 
    <script> 
    $(document).ready(function() { 
      $('#calendar').fullCalendar({ 
       googleCalendarApiKey: 'MY KEY', 
       events: { 
        googleCalendarId: 'https://calendar.google.com/calendar/ical/ID%group.calendar.google.com/public/basic.ics' 
       } 

      }); 
     }); 


    </script> 
    <style> 

     body { 
      margin: 40px 10px; 
      padding: 0; 
      font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
      font-size: 14px; 
     } 

     #calendar { 
      max-width: 900px; 
      margin: 0 auto; 
     } 

    </style> 
    </head> 
    <body> 

     <div id='calendar'></div> 

    </body> 
    </html> 

答えて

0

gcal.js必要なスクリプトがありませんでした。

あなたは(あなたのfullCalendar.js後の)次の参照を含める必要があります。

<script type='text/javascript' src='fullcalendar/gcal.js'></script> 

このファイルはfullCalendarディストリビューションに含まれています。

ここでGoogleでfullCalendarを設定する方法の詳細については、https://fullcalendar.io/docs/google_calendar/を参照してください。カレンダーのすべての権限がGoogle側で正しく設定されていることを確認してください。

0

スクリプトエラーが発生している可能性があります。クロムでf12を押して、もう一度やり直してください。あなたはおそらくこの問題の詳細を見るでしょう。

関連する問題