 <p>You have to remove the line <code>editable: true,</code></p> <p>Here is a working example. use this <code>script tag</code>.</p> <pre><code>&lt;script&gt; $(document).ready(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var Xmas95 = new Date("25 Dec, 1995 23:15:00"); alert('vidda : '+ Xmas95); $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, //editable: true, events: [ { title: 'All Day Event', start: '20140210' }, { title: 'Long Event', start: new Date(y, m, d-5), end: new Date(y, m, d-2) } ], dayClick: function(date, allDay, jsEvent, view) { alert('Clicked on the entire day: ' + date); console.log(date); } }); }); &lt;/script&gt; </code></pre> <p>this should work fine. The dragging facility will cut off by removing <code>editable:true</code> and <strong>dayClick</strong> can be achieved by the relevant code. </p>