重写FullCalendar的prev/next按钮行为：双月视图单月切换需求

完全可以实现这个需求，核心是修改FullCalendar视图的步进逻辑，让Prev/Next按钮每次只移动1个月而非默认的2个月。以下分版本给出具体方案：

针对FullCalendar v5+（推荐） #

v5及以上版本支持在自定义视图中直接配置increment属性，用来指定每次Prev/Next操作的时间增量，默认值等于视图的duration长度。我们只需要把双月视图的increment设为1个月即可：

document.addEventListener('DOMContentLoaded', function() {
  const calendarEl = document.getElementById('calendar');
  const calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'doubleMonth',
    // 自定义双月视图
    views: {
      doubleMonth: {
        type: 'multiMonth', // 基于官方多月份视图扩展
        duration: { months: 2 }, // 显示两个月
        increment: { months: 1 } // 关键：每次点击仅步进1个月
      }
    },
    headerToolbar: {
      left: 'prev,next today',
      center: 'title',
      right: 'dayGridMonth,doubleMonth'
    }
  });
  calendar.render();
});

这样配置后，当前显示三月/四月时，点击Next就会切换到四月/五月，Prev则会切换到二月/三月，完全符合你的需求。

针对FullCalendar v4及更早版本 #

旧版本没有increment属性，需要自定义Prev/Next按钮来手动控制日期跳转：

$(document).ready(function() {
  $('#calendar').fullCalendar({
    defaultView: 'doubleMonth',
    views: {
      doubleMonth: {
        type: 'month',
        duration: { months: 2 }
      }
    },
    // 自定义按钮替代默认的Prev/Next
    customButtons: {
      customPrev: {
        text: 'Prev',
        click: function() {
          const currentDate = $('#calendar').fullCalendar('getDate');
          $('#calendar').fullCalendar('gotoDate', currentDate.clone().subtract(1, 'month'));
        }
      },
      customNext: {
        text: 'Next',
        click: function() {
          const currentDate = $('#calendar').fullCalendar('getDate');
          $('#calendar').fullCalendar('gotoDate', currentDate.clone().add(1, 'month'));
        }
      }
    },
    header: {
      left: 'customPrev,customNext today',
      center: 'title',
      right: 'month,doubleMonth'
    }
  });
});

这段代码通过自定义按钮的点击事件，每次将日历日期增减1个月，从而实现双月视图的单月步进切换。

内容的提问来源于stack exchange，提问作者JB-chrysalisbsl