Fullcalendar 跳月而不是周

Question

我在我的网站上使用 Fullcalendar 作为我的日历。一切都很好，而且非常容易使用。但我偶然发现了一个 "problem"，如下图所示，有两个按钮（红色箭头），用于向前或向后跳一周。

现在我的问题是，是否可以使用 fullcalendar 添加 2 个按钮来跳转一个月而不是一周（所以总共有 4 个按钮，2 个用于周，2 个用于月）？

我试过添加 2 个按钮和 onClick 使日历跳转到 curDate+一个月，但效果不是很好。

Answer 1

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

    $("#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'
      }
    });

<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>

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

Fullcalendar 跳月而不是周

Fullcalendar jump month instead of week

html

javascript

jquery

fullcalendar