提问者:小点点

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


所以我在这个项目中使用了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周移动,而不是所有日历。如有任何帮助,我们将不胜感激。


共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