Google Kalenderereignisse können nicht im Vollkalender angezeigt werden

Dies wurde oft gefragt, aber ich kann keine Antwort finden, die für mich funktioniert. Ich habe alle Schritte auf der Seite des vollständigen Kalenders verfolgt, aber das funktioniert auch nicht. Ich kann den Kalender sehen, aber keine Ereignisse. Ich habe den Code in eine separate Javascript-Datei namens 'addCalendarEvents.js' geschrieben
Hier ist der Code und der Fehler, den ich bekomme.
HTML:Google Kalenderereignisse können nicht im Vollkalender angezeigt werden

<link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400" rel="stylesheet"> 
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
<link rel='stylesheet' href='fullcalendar/fullcalendar.css' /> 

<script src='jquery-3.1.1.min.js'></script> 

<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 src='addCalendarEvent.js' type='text/javascript'></script>

Javascript:

$(document).ready(function() { 
    console.log('..'); 
    $('#calendar').fullCalendar({ 
     header: { 
        left: 'prev,next today', 
        center: 'title', 
        right: 'month,agendaWeek,agendaDay' 
       }, 
     googleCalendarApiKey: 'AIzaSyAV4rl5GymKTDcHd44U7k48GgGQoeKzsuI', 
     eventSources: [{ 
        googleCalendarApiKey: 'AIzaSyAV4rl5GymKTDcHd44U7k48GgGQoeKzsuI', 
        googleCalendarId: '[email protected]', 
        className: 'fc-event-email' 
        }] 

     }); 
    });

Screenshot: errors with the calendar

ich bei einem Totalverlust bin. Jede Hilfe würde sehr geschätzt werden. Vielen Dank.

Quelle

2017-03-03 Tanay Roman

Sie verweisen jQuery zweimal. Das könnte sehr leicht zu Problemen führen, besonders wenn es sich um verschiedene Versionen handelt. Entfernen Sie die doppelte Referenz und versuchen Sie es erneut, und sehen Sie, ob es immer noch ein Problem ist. – ADyson

Der Wert für die von Ihnen angegebene googleCalendarId [email protected] sieht nicht wie eine gültige Kalender-ID aus. Das ist angeblich die E-Mail-Adresse, die zu einem Google-Konto gehört, wo der gewünschte Kalender existiert. Hattest du etwas Bestimmtes im Sinn? - Da man mehrere Kalender (z. B. zu verschiedenen Themen) im eigenen Google-Konto haben kann, ist natürlich eine bestimmte ID des Kalenders erforderlich! Jegliche Informationen über ein Google-Konto werden mit dem Konzept öffentlich verfügbarer Kalender irrelevant. Diese öffentlich zugänglichen Kalender sind wie Sprechblasen, die an ein Google Mail-Konto angehängt sind. Sie fliegen hoch in die Luft und sind für jeden zugänglich. Solche Ballons sind mit googleCalendarIds gekennzeichnet.

Genauer gesagt, @group.calendar.google.com sollte der letzte Teil der am häufigsten verwendeten Kalender-IDs sein. Sie finden die Kalender-ID in der Google Kalender-Benutzeroberfläche unter "Meine Kalender" auf der linken Seite. Dann unter "Kalendereinstellungen". Man sollte sicherstellen, dass der Kalender veröffentlicht wurde, damit fullCalendar.js die Kalenderdaten anfordern kann.

Die fullCalendar documentation chapter on Google Calendar gibt detaillierte Informationen über die googleCalendarId und wo man sie bei Google Kalender finden kann. Auch der Quellcode aus dem Beispiel gcal.html im Demos-Ordner aus der heruntergeladenen fullCalendar-Zip-Datei liefert ein gutes Beispiel.

Nebenbei bemerkt: Sie könnte im Fall, dass Sie nur auf einen Kalender beziehen, Ihren Code vereinfachen, indem

googleCalendarApiKey: '......yourAPI-key......', 
events: { 
      googleCalendarId: '[email protected]' 
     }

Verwendung Gibt es einen bestimmten Grund, warum Sie eventSources verwendet, einschließlich der fc-Ereignis‘Aussage classname -Email'? Das scheint die Dinge kompliziert zu machen. Der Ansatz ist mir nicht bekannt, aber es ist bereits mehr Code als üblich für die Aufgabe, die Sie in Ihrer Frage beschrieben haben. Für eine normale Google Kalender API-Integration in fullCalendar sind die oben genannten Änderungen eine mögliche Lösung für Ihr Problem. Hoffentlich, Happy Kalender Ballonfahrten, Sir!

Quelle

2017-03-26 00:32:11

Google Kalenderereignisse können nicht im Vollkalender angezeigt werden

Antwort

Verwandte Themen