I need to integrate on my site the fullcalendar linked to google calendar. I can show the full calendar on my site with the default events (all day event, etc)
I use the guide http://fullcalendar.io/docs/
The problem is when I try to integrate it with google calendar. I get the browser key and the ID calendar but it still showing the default events...
My code on the head is:
<link rel='stylesheet' href='fullcalendar/fullcalendar.css' />
<script src='lib/jquery.min.js'></script>
<script src='lib/moment.min.js'></script>
<script src='fullcalendar/fullcalendar.js'></script>
<script type='text/javascript' src='fullcalendar/gcal.js'></script>
<script>
$(document).ready(function() {
$('#calendar').fullCalendar({
googleCalendarApiKey: 'MY_BROWSER_KEY',
events: {
googleCalendarId: 'MY_CALENDAR_ID'
}
})
});
</script>
At the body I have the:
<div id='calendar'></div>
I have follow the guide step by step. But as I said, the fullcalendar stills showing the defaults events and not the google calendar events. image of my fullcalendar
What I am doing wrong??
Thanks.