<link rel='stylesheet' type='text/css' href='{{$baseurl}}/library/fullcalendar/fullcalendar.css' /> <script language="javascript" type="text/javascript" src="{{$baseurl}}/library/fullcalendar/fullcalendar.min.js"></script> <script> // start calendar from yesterday var yesterday= new Date() yesterday.setDate(yesterday.getDate()-1) function showEvent(eventid) { $.get( '{{$baseurl}}/events/?id='+eventid, function(data){ $.colorbox({html:data}); } ); } $(document).ready(function() { $('#events-reminder').fullCalendar({ firstDay: yesterday.getDay(), year: yesterday.getFullYear(), month: yesterday.getMonth(), date: yesterday.getDate(), events: '{{$baseurl}}/events/json/', header: { left: '', center: '', right: '' }, timeFormat: 'H(:mm)', defaultView: 'basicWeek', height: 50, eventClick: function(calEvent, jsEvent, view) { showEvent(calEvent.id); } }); }); </script> <div id="events-reminder"></div> <br>