我们如何使用fullcalendar指定自定义日期范围？

Question

我想使用带有自定义日期范围的fullcalendar。它应该显示特定日期范围的视图，例如从4月15日到5月4日（跨越两个月）。

有什么建议吗？。

Answer 1

您可以将此功能称为日期范围内的GT事件。但这将只带你30天。如果您将“01-may-2013”​​等日期传递到2013年6月15日，那么它将显示2013年5月1日至2013年3月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');



    }

}