CODEWITHSUNDEEP
javascripthtmlfullcalendar
Dafydd
Dafydd

Reputation: 23

FullCalendar - Multiple Google Calendars

My JS code:

$(function() {
$('#calendar').fullCalendar({
    googleCalendarApiKey: 'key',
    events: {
        googleCalendarId: '[email protected]'
        googleCalendarId: 'nodoxpls.co.uk_tmu7vco31e7raj9ce11a64qd08@group.calendar.google.com'
    }
    });
});

The calendar doesn't even render itself when I load the page. Google Chrome console says 'Unexpected Identifier', presumably due to there being two calendars. Is there a way I can load more than one GCal at once?

If anyone's curious as to why, I'm intending to make a custom filter for the calendars so that users can select what type of events they want to show on the calendar, and each page will have different combinations of calendars.

Doubt this is relevant, but for the sake of thoroughness: Chrome 70.0.3538.102, VS Code 1.29.1

Upvotes: 1

Views: 701

Answers (1)

karem maradona
karem maradona

Reputation: 23

$(function() {
  $('#calendar').fullCalendar({
    googleCalendarApiKey: 'AIzaSyCYI12U7MvN6tIDQuZT1OB67nxPNTnzBnw',
    eventSources: [
      {
        googleCalendarId:'kingsmonktonapps.co.uk_pe2i7pqioptt72bd8kvp8h1eno@group.calendar.google.com'
      },
      {
        googleCalendarId: 'kingsmonktonapps.co.uk_tmu7vco31e7raj9ce11a64qd08@group.calendar.google.com',

      }
    ]
  });
});

Upvotes: 2

Related Questions