fullcalendar - How can we specify custom date range with fullcalendar?

Question

I want to use fullcalendar with custom date range for ex. it should display view for particular date range like from 15th April to 4th May(Spans between two months).

Any suggestions?.

Answer 1

您可以将此函数调用到日期范围内的 gt 事件。但这只会给你带来 30 天的 evnt。如果您将“2013 年 5 月 1 日”之类的日期传递到 2013 年 6 月 15 日，那么它将显示 2013 年 5 月 1 日至 2013 年 5 月 30 日的数据。如果您能找到有关此问题的任何线索，请告诉我。

function GetAgendaEvents(datefrom, dateTo) {

    var fromDate = new Date($("#from").val());
    var toDate = new Date($("#to").val());

    if (fromDate.getTime() <= toDate.getTime()) {

        $('#fullcal').fullCalendar('removeEvents').fullCalendar('addEventSource', events);
        $('#fullcal').fullCalendar('refetchEvents');

        var filteredEvent = $('#fullcal').fullCalendar('clientEvents', function (event) {
            return event.start >= fromDate && event.start <= toDate;

        });
       $('#fullcal').fullCalendar('gotoDate', fromDate.getFullYear(), fromDate.getMonth(), fromDate.getDate());
        $('#fullcal').fullCalendar('changeView', 'agenda'/* or 'basicDay' */);

        $('#fullcal').fullCalendar('removeEvents').fullCalendar('addEventSource', filteredEvent);
        $('#fullcal').fullCalendar('refetchEvents');



    }

}