title: FullCalendar - Handle Double click event
body: <p>I am using fullcalendar and on click of particular time cell I am opening up a colorbox , problem is happening when user double clicks the same cell which leads to same page appearing twice in colorbox.</p>
  
  <p>Output of below code when executed in chrome and double clicked on particular time is - </p>
  
  <p>day click happened<br>
  selection is made<br>
  day click happened<br>
  selection is made</p>
  
  <pre><code>$('#calendar').fullCalendar({
          header: {
              left: 'prev,next',
              center: 'title',
              right: ''
          },
          height: 500,
          defaultView: 'agendaWeek',
          minTime: 0,
          firstHour : 9,
          maxTime: 24,
          firstDay : 1,
          allDaySlot: false,
          axisFormat: 'H:mm',
          timeFormat: 'HH:mm{-HH:mm}',
          disableDragging: true,
          eventClick: function(calEvent, jsEvent, view) {
            console.log('event clicked');
          },
          selectable: true,
          eventSources : [
                          {
                              url : '/XXX/yyyyy',
                              editable : true,
                              allDayDefault : false
                          }
          ],
          eventRender: function(event, element) {
               element.bind('dblclick', function() {         
                   console.log('dbl clicked');
               });
               element.draggable = false;
               event.editable = false;
  
          },
          select: function(start,end,title,jsEvent) {
              console.log('selection is made');
          } ,
          dayClick: function(start,end,event,element) {
              console.log('day click happened');
          },
          eventMouseover: function(calEvent, jsEvent) {
               console.log('event mouse over');
          },
          eventMouseout: function(calEvent, jsEvent) {
               console.log('event mouse out');        
          },
  
      });
  
      $('#calendar').fullCalendar();
  
      &lt;div id='calendar'&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am looking for solution to prevent double click.</p>