FullCalendar Synchronisierung mit Google Kalender - Berechtigungen

Ich habe überall gesucht.FullCalendar Synchronisierung mit Google Kalender - Berechtigungen

Ich versuche, den vollständigen Kalender mit Google-Kalender mit this webpage zu integrieren. Im ersten Schritt werden Sie aufgefordert, einen Google API-Schlüssel zu erhalten. Ich habe meinen API-Schlüssel erhalten und nachdem ich alle Schritte befolgt habe, habe ich nichts erhalten. Nachdem ich Konsole meine API ging zurück, es angezeigt:

So ging ich auf Anmeldeinformationen zu erstellen. Auf der Erstellungsseite wurde Folgendes angezeigt:

Ich verwendete die Benutzerdatenoption, und es hat nicht funktioniert. Was soll ich tun?

Hier ist mein Code:

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

habe ich meinen Kalender stellen Sie sicher, war öffentlich und „Teilen nur meine Frei/Gebucht-Informationen“ nicht markiert ist. LMK, wenn Sie weitere Informationen benötigen.

[UPDATE] Ich klickte auf "Wenn Sie möchten, können Sie diesen Schritt überspringen und einen" API-Schlüssel auf der Anmeldungsseite erstellen, aber es hat nicht funktioniert.

Quelle

2016-10-17 Ujjwal-Nadhani

I <div id='calendar'></div> auf den Körper meiner html-Datei hinzuzufügen vergessen. Ich fühle mich unglaublich dumm.

Für Sie eines für einige Beispiel-Code suchen, hier ist es:

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

alle anderen Schritte folgen in der Frage erwähnt, und Sie sollten gut zu gehen!

Denken Sie auch daran, Ihre Dateipfade korrekt zu verknüpfen, wie @Lahiru sagte.

Sorry für die Verwirrung,

Ujjwal

Quelle

2016-10-19 16:10:01

korrigieren Sie die Js-Pfad <script src='/fullcalendar/fullcalendar.js'></script>

entfernen Sie die SLASH (/)

es sollte wie <script src='fullcalendar/fullcalendar.js'></script> sein

Quelle

2016-10-19 05:28:26

Hallo @Lahiru, ich meinen Code mit den richtigen Dateipfade aktualisiert, nachdem ich diese Frage gestellt. Es werden keine Fehler über falsche Dateipfade ausgegeben. Alle Funktionen scheinen ebenfalls zu funktionieren. Trotzdem bekomme ich jedes Mal eine leere Seite und Konsole! –

FullCalendar Synchronisierung mit Google Kalender - Berechtigungen

Antwort

Verwandte Themen