full-calendar basic example

by no2don

HTML

<link rel="stylesheet" href="http://fullcalendar.io/js/fullcalendar-2.2.5/fullcalendar.css">
<script src="http://fullcalendar.io/js/fullcalendar-2.2.5/lib/moment.min.js"></script>
<script src="http://fullcalendar.io/js/fullcalendar-2.2.5/fullcalendar.min.js"></script>
<div id='calendar'></div>

JavaScript

$(document).ready(function() {
		
		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
		
			defaultView: 'agendaWeek',
			editable: true,
			events: [
				{
					title: 'Test for BEN',
					start: '2017-10-19'
				}
			],
       dayClick: function(date, jsEvent, view) {
       	var sd1=$('#calendar').fullCalendar('getView').start.format();
        var ed1=$('#calendar').fullCalendar('getView').end.format();
        alert('Start: ' + sd1 +', End:'+ed1 );
     
    		}
		});
		
	});