Fullcalendar-如何使用月份列表浏览日历

Question

我的日历左边有一个月的列表。如何使用这些月份选项卡浏览日历？

我使用的是这样的东西，其中#months标签中的每个锚都是不同的月份：

$('#months-tab a').click(function() {
    $('#calendar').fullCalendar('next');
}); 

但是，无论我点击哪个月，它都会转到下个月。如果日历在10月，我点击3月，它不会导航到3月，而是导航到下个月，也就是11月。

我知道为什么它不起作用，但我还没有想出办法让它按我需要的方式发挥作用。有什么想法吗？

更新我开始做一些类似的事情：

var date = new Date();
var currM = date.getMonth();
$j('.months-tab a').on('click', function(e){
    e.preventDefault();
    var newM = $j(this).attr('class');
    $j('#calendar').fullCalendar('gotoDate', newM-1);
});

Answer 1

您应该使用gotoDate而不是next。通过这种方式，您可以在正确的日期显示日历。

只要每个<a>中都有属性data-month，以下javascript就会工作。

请注意，months()是一个基于零的索引，因此1月份的索引为0。如果您对momentjs有任何疑问，请访问他们的文档。

$('#months-tab a').click(function() {
    var month = $(this).attr('data-month');
    var m = moment([moment().year(), month, 1]);
    $('#calendar').fullCalendar('gotoDate', m );
});

您可以查看JsFiddle，它提供了一个完整代码的工作示例。