FullCalendar Debugging Template

by Larry Cole

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.3/fullcalendar.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.3/fullcalendar.min.js"></script>
<table>
    <tr>
        <td width="200px">
            <div id='calendar' style="font-size:small; cursor:default"></div>
        </td>
    </tr>
</table>

JavaScript

$('#calendar').fullCalendar({ 
    header: false, 
    aspectRatio: 1.5, 
    weekMode: 'liquid',
    month: 7, 
    year: 2013,
    dayClick: function (objDate, allDay, jsEvent, view) { 
        var strDate = (objDate.getMonth() / 1 + 1) + '/' + objDate.getDate() + '/' + objDate.getFullYear(); 
        console.log(strDate);
    }
 });
$('td.fc-day').mouseover(function () {
  	var strDate = $(this).data('date');
    console.log(strDate);
});