fullcalendar多个日历，如何为所有日历单击Prev/Next

Question

所以我在这个项目中使用了fullcalendar,在同一个页面上有多个日历,每个日历都有自己的Prev/Next/Today按钮。我想要完成的是，当点击Prev/Next时，它会为页面上的所有日历启动，而不是仅仅为它绑定的日历启动，如果这样做有意义的话。我尝试使用jQuery来实现这一点，因为它们具有相同的类名，下面是一个我尝试过的click函数的示例，但并不完全像我预期的那样工作。

$(".fc-next-button").click(function (i) {
        var nextBtn = $('.fc-next-button');
        //alert(nextBtn.length);
        for (var i = 0; i < nextBtn.length; i++) {
            nextBtn[i].click();
        }
    });

例如，我有五个日历，当我确实点击next时，该功能会导致当前日历提前5周移动，而不是所有日历。如有任何帮助，我们将不胜感激。

Answer 1

这是因为您的循环点击了所有的“下一步”按钮。这实际上意味着您点击的任何一个都将被点击两次--一次由您手动点击，一次由代码点击。此外，click事件会被反复调用，因为每次调用“click”都会再次触发事件处理程序。

更好的方法是确定按钮属于哪个日历，然后在除该日历之外的所有日历上调用FullCalendar的next方法。类似这样的事情：

  $(".fc-next-button").click(function () {
    var calendar = $(this).closest(".calendar");
    $(".calendar").not(calendar).fullCalendar('next');
  });

code>$（“.calendar”）位假定您的所有日历元素都有一个共同的class属性，如以下演示：https://codepen.io/adyson82/pen/ojvmpvy?editable=true&editors=001