How to show the specified number of events in the full calendar

Question

I use the full jquery calendar. I have more than 150 events per day.

When I show all the events, then the full calendar does not look very good.

In the week view of the full calendar, all events completely overlap, and the result looks very bad.

Now I want to show only the specified number of events in the calendar per day.

I would like to have a parameter that allows me to indicate the maximum events that can be shown on the day the month is viewed. If the day has more than 2 or 3 events, the rendering is not very good (a long list of events that stretch the calendar). When more than 2 or 3 events are issued, a special div should show text similar to the following ".. more events ..", and the user can see other events by clicking on this div (also, for example, switching to day mode)

How can i do this.

Thanks Rajbir

Answer 1

The issue was discussed at http://code.google.com/p/fullcalendar/issues/detail?id=304 .

And they added a function called limitEvents, you can check the demo: https://github.com/lyconic/fullcalendar/blob/master/demos/limit-events.html

.events({ ... }).limitEvents(3);