Fullcalendar跳月而不是周

Question

我在我的网站上使用Fullcalendar作为我的日历。这一切都很好用，而且使用起来非常简单。但是我偶然发现了一个问题＆＃34;，如下图所示，有两个按钮（红色箭头），这些按钮用于向前或向后跳一周。

现在我的问题是，是否可以使用fullcalendar添加2个按钮，这些按钮将跳一个月而不是一周（因此总共有4个按钮，2个星期，2个月）？

我试图添加2个按钮，onClick使日历跳转到curDate +一个月，但这并没有很好用。

Answer 1

使用fullcalendar v2.4非常容易。您需要做的就是在构建日历时使用customButtons和标题选项。例如，要添加您请求的按钮（上个月和下个月），您可以使用以下代码：

＆＃13;

＆＃13;

    $("#calendar").fullCalendar({
      customButtons: {
          prevMonth: {
            text: 'previous month',
            click: function() {
              $("#calendar").fullCalendar('incrementDate', '-P1M');
            }
          },
          nextMonth: {
            text: 'next month',
            click: function() {
              $("#calendar").fullCalendar('incrementDate', 'P1M');
            }
          }
      },
      header: {
        left: 'prevMonth,today,nextMonth',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
      }
    });

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment-with-locales.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/fullcalendar.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/fullcalendar.min.js"></script>

<div id="calendar"></div>

＆＃13;

＆＃13;

＆＃13;

更多信息可在官方文档中找到：http://fullcalendar.io/docs/display/customButtons/