FullCalendar:如何在时间轴上显示下一个月的下一个月

Question

我正在使用fullcalendar，我需要使用timeline视图来显示所有当前年份以及明年的接下来的两个月。

如果以这种方式使用visibleRange选项：

visibleRange: function (currentDate) {
return {
    start: currentDate.year()+'-01-01',
    end: currentDate.year()+1 + '-02-28',
};}

日历显示正确的时期，但导航按钮"下一个"停止工作。

我还尝试使用duration选项，但我不知道如何设置"开始"期间。...日历在当前日期始终开始。

我认为有一个解决方案不需要编写完整的自定义视图。

Answer 1

解决方案涉及设置 dateIncrement值 - 这告诉下一个/prev按钮，当您自定义这样的视图范围时，可以增加/减少可见日期。

这是一个例子。N.B.我使用MomentJS的内置功能，而不是字符串串联，以提供更健壮，更整洁的设置可见范围的方式。将插条设置为不会产生巨大长期日历的东西可能也是一个好主意。我以1个月的时间为例，但显然您可以将其配置为所需的任何内容。

$('#calendar').fullCalendar({
    schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
    defaultView: 'timeline',
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'timeline'
    },
    slotDuration: { months: 1 },
    dateIncrement: { years: 1 },
    visibleRange: function (currentDate) {
        return {
            start: currentDate.clone().startOf('year'),
            end: currentDate.clone().startOf('year').add({ years: 1, months: 2}),
        };
    },
    //...etc
});

日期设置在此处记录：https：//fullcalendar.io/docs/current_date/dateincrement/