2016-10-17 22 views
0

私はどこにでも見ました。GoogleカレンダーとFullCalendarの同期 - 許可

私はthis webpageを使用してGoogleカレンダーと完全なカレンダーを統合しようとしています。最初のステップで、Google APIキーを取得するように求められます。私は自分のAPIキーを手に入れ、すべてのステップを踏んだ後、何も受け取っていませんでした。私は戻って私のAPIコンソールに戻った後は、それが表示される:

enter image description here

をだから、私は資格証明書を作成するために行ってきました。作成ページで、次のように表示されます。enter image description here

私はユーザーデータオプションを使用しましたが、機能しませんでした。何をすればよいでしょうか?ここで

は私のコードです:

<!DOCTYPE html> 
<html> 
<link rel='stylesheet' href='fullcalendar/fullcalendar.css'/> 
<script src='fullcalendar/lib/jquery-ui.min.js'></script> 
<script src='fullcalendar/lib/moment.min.js'></script> 
<script src='/fullcalendar/fullcalendar.js'></script> 
<script type='fullcalendar/gcal.js'></script> 
<script type='text/javascript'> 
$(document).ready(function() { 
    $('#calendar').fullCalendar({ 
     googleCalendarApiKey: '<API-KEY>', 
     events: { 
      googleCalendarId: '<CALENDAR-ID>' 
     } 
    }); 
}); 

</script> 
</html> 

私は私のカレンダーは、公開したことを確認し、「共有は私の空き/予約済み情報」チェックされて作りました。その他の追加情報が必要な場合はLMKをご利用ください。

[UPDATE] 「この手順をスキップして、資格情報ページに「APIキー」を作成することはできますが、機能しませんでした。

答えて

0

ようにする必要があり<script src='/fullcalendar/fullcalendar.js'></script>

の.jsパスを修正SLASH(/)

を削除します。私は信じられないほど馬鹿だと感じる。いくつかのサンプルコードを探して、あなたのいずれについても

は、ここにある:

<html> 
    <head> 
     <link rel='stylesheet' href='fullcalendar/fullcalendar.css'/> 
     <script src='fullcalendar/lib/jquery.min.js'"></script> 
     <script src='fullcalendar/lib/moment.min.js'></script> 
     <script src='fullcalendar/fullcalendar.js'></script> 
     <script type='text/javascript' src='fullcalendar/gcal.js'></script> 
     <script type='text/javascript'> 

      $(document).ready(function() { 
       $('#calendar').fullCalendar({ 
        googleCalendarApiKey: '<API-KEY>', 
        events: { 
         googleCalendarId: '<CALENDAR-ID>' 
        } 
       }); 
      }); 

     </script> 
    </head> 

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

は質問に言及した他のすべての手順に従ってください、あなたは行ってもいいはずです!

また、@ Lahiru氏のようにファイルパスを正しくリンクすることを忘れないでください。混乱させて申し訳ありません

Ujj​​wal

0

は、それは私が私のhtmlファイルの本体に><div id='calendar'></divを追加するのを忘れ<script src='fullcalendar/fullcalendar.js'></script>

+0

こんにちは@Lahiru私はこの質問を投稿した後、私は右のファイルパスで自分のコードを更新しました。間違ったファイルパスについては、エラーは発生しません。すべての機能が同様に機能しているようです。しかし、私は空白のページを取得し、毎回コンソール! –

関連する問題