Handle dblclick in Fullcalendar jQuery plugin

Question

I know that this question has been asked before, but several new versions have been released since then.

Is it possible to handle a dblclick event for creating a new appointment in the calendar without having to modify the fullcalendar.js file? It would be great to handle this extension in a separate file together with my other tweaks.

Thanks in advance!

/Adam

Answer 1

Just to add to Juan Gonzales's answer:

$("#calendar").fullCalendar({
    dayRender: function(date, element, view){
        element.bind('dblclick', function() {
            alert('double click!');
        });
    }
});

This code will create the dblclick event to the whole "day" event.

Source

Answer 2

I ran across the same issue and didn't want to fiddle with the core, so I wrote double-click logic into the dayClick callback.

dayClick:function( date, allDay, jsEvent, view ) {
            var singleClick = date.toUTCString();

            if(doubleClick==singleClick){
                console.log('Double-click!');
                doubleClick = null;
            }else{
                doubleClick=date.toUTCString();
                clearInterval(clickTimer);
                clickTimer = setInterval(function(){
                    doubleClick = null;
                    clearInterval(clickTimer);
                }, 500);
            }
        }

clickTimer and doubleClick are declared before the call to initialize the calendar.