title: Setting FullCalendar config values dynamically
body: <p>As part of a development project using FullCalendar, I needed to be able to change the value of "slotMinutes" using a browser event (onClick).  After a bit of struggle, I was able to find a way.</p>
  
  <p>A)  I have a "renderCalendar()" function that contains the jQuery function for building the calendar.  Within this function is a setting for "slotMinutes", which I point to a variable initialized to 30.</p>
  
  <blockquote>
    <p>;&nbsp;&nbsp;slotTime = 30;<BR>
    ...<BR>
    &nbsp;&nbsp;function renderCalendar() {<BR>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('#calendar').fullCalendar({<BR>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;firstHour: 8,<BR>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;minTime: 6,<BR>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;maxTime: 18,<BR>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;slotMinutes: parseInt(slotTime),<BR>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;defaultView: 'agendaWeek',<BR>
    ...<BR>
    &nbsp;&nbsp;});</p>
  </blockquote>
  
  <p>B)  My event handler function changes the slotTime value, destroys the current calendar, and re-runs the render function.</p>
  
  <blockquote>
    <p>&nbsp;&nbsp;function changeSlotTime(slottime) {<BR>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;slotTime = slottime;<BR>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('#calendar').fullCalendar('destroy');<BR>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;renderCalendar();<BR>
    &nbsp;&nbsp;}</p>
  </blockquote>
  
  <p>C)  The hard-fought battle with this change was understanding that the "slotMinutes" value MUST BE AN INTEGER.  Note the "parseInt()" function in the example under section (A).</p>