Fullcalendar: How to add a new button to the existing buttons in header?
<p>I am trying to add a new button to the existing buttons in the header. I am not able to find out how to do it. Presently, i have prev,next,today,month,agendaWeek,agendaDay in the header. I want one more button to add new events. So that after click of the button, i could add new events through a pop up.</p>

<p>My code is as follows:</p>

<pre><code>$('#calendar').fullCalendar({ 
utc: true, 
header: { 
left: 'prev,next today', 
center: 'title', 
right: 'month,agendaWeek,agendaDay' 
}, 
editable: true, 
droppable: true, 

eventAfterRender: function(event, element, view) { 
element.append(event.title); 
} 

}); 
</code></pre>

<p>My html code is as follows:-</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;meta charset='utf-8' /&gt;
&lt;link href='fullcalendar-2.7.1/fullcalendar.css' rel='stylesheet' /&gt;
&lt;link href='fullcalendar-2.7.1/fullcalendar.print.css' rel='stylesheet'    media='print' /&gt;
&lt;script src='fullcalendar-2.7.1/lib/moment.min.js' type='text/javascript'&gt;   &lt;/script&gt;
&lt;script src='fullcalendar-2.7.1/lib/jquery.min.js' type='text/javascript'&gt;&lt;/script&gt;
&lt;script src='fullcalendar-2.7.1/lib/jquery-ui.min.js'&gt;&lt;/script&gt;
&lt;script src='fullcalendar-2.7.1/lib/fullcalendar.min.js'&gt;&lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;  
 &lt;div id='calendar'&gt;&lt;/div&gt;
 &lt;/body&gt; 
</code></pre>

<p>Is there a way to do it through FullCalendar? Thanks in Advance..</p>