Fullcalendar display the count of events per day

Question

I using the FullCalendar and i would like display the count of events per day in all views for each days.

Example :

<div class="fc-day-number">1</div>

Change to :

<div class="fc-day-count">X</div>
<div class="fc-day-number">1</div>

Please find a screenshoot as example: link

Thanks in advance

Solution

I hope this helps someone but don't know if it's the exact answer you're looking for.

To get the number of events that occur on a day you can use the following code:

$('#calendar').fullCalendar( 'clientEvents', function(eventObj){
    if (eventObj.start.isSame('2014-11-21')) {
        return true;
    } else {
        return false;
    }
}).length;

As per fullcalendar documentation you can search for events with a filter function clientEvents.

The if statement in the function compares dates using moment.js which is included in fullcalendar 2.0