FullCalendar-仅请求当月的事件

Question

My database has many events, so I'd only like to request events for the current month that the user is on to make load time faster.

The events are loaded from a php script:

$(document).ready(function() {
    $('#fullcalendar').fullCalendar({
        navLinks: true,
        editable: true,
        eventLimit: true, 
        defaultTimedEventDuration: '00:15:00',
        events: '<?php echo $cal_root;?>/_calendar/load_calendar.php?month_and_year=',  
    });

});

So I need to pass the month and year that the user is on to the php script to request the relevant events for that month, is there a way this can be done?

Answer 1

I just discovered that start and end variables are sent automatically when requesting the events via ajax.

So I didn't have to add anything to the Fullcalendar code, I just had to pick up those variables with my PHP script, eg $_GET['start'] and $_GET['end']

Answer 2

I had a same problem. I suggest this method . As the document says:

This callback will get triggered when the user changes the view, or when any of the date navigation methods are called . This callback will trigger after the view has been fully rendered, but before events have been rendered (see also: eventAfterAllRender).

So method is call after the first render, and every render when the navigation is called (change the week or change the view). From the view object you can get the start and the end visible day, so you can get the events from your DB dynamically.

It helped me, I hope it helps you as well. :)