i have researched day before posting question, , have have had no luck. hence asking help!
i can not of google calendar events show on site using fullcalendar. not events not showing, can not u.s. holidays calendar display in demo on fullcalendar.
i hoping missing small, , able catch quickly. calendar shows correctly, no events show.
<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes" /> <title>tegideas - course schedule</title> <meta name="description" content=""> <link rel="icon" type="image/x-icon" href="favicon.ico"/> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/prettyphoto.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet"> <link href="css/fullcalendar.css" rel="stylesheet"> <link href="css/main.css" rel="stylesheet"> <link href="css/responsive.css" rel="stylesheet"> <link href="css/shame.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.isotope.min.js"></script> <script src="js/moment.min.js"></script> <script src="js/main.js"></script> <script src="js/fullcalendar.min.js"></script> <script src="js/gcal.js"></script> <script type='text/javascript'> $(document).ready(function() { $('#calendar').fullcalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaweek,agendaday' }, eventsources: { googlecalendarapikey: 'myapikey', googlecalendarid: 'mycalendarid', classname: 'fc-event-email' }, selectable: true, selecthelper: true, editable: false, }); }); </script> <!--[if lt ie 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <![endif]--> </head>
it might dummy question- using correct apikey , calendarid instead of 'myapikey' , 'mycalendarid'?
also, if 'myapikey' , 'mycalendarid' variables set in code, should not warpped '.
eventsources: { googlecalendarapikey: myapikey, googlecalendarid: mycalendarid } 