Question

我的日历左侧有几个月的列表。如何使用这些月份标签浏览日历？

我正在使用这样的东西，其中＃months-tab中的每个锚点都是不同的月份：

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

然而，我点击它将在下个月到哪个月并不重要。如果日历是在十月份，我点击三月它将无法导航到三月，它将导航到下一个月，即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。这样，您就可以在正确的日期显示日历。

只要您在每个data-month中拥有属性<a>，以下javascript就会有效。

请注意，months()是基于零的索引，因此1月份的索引为0.如果您对时刻有任何疑问，请访问他们的documentation。

$('#months-tab a').click(function() {
    var month = $(this).attr('data-month');

    var m = moment([moment().year(), month, 1]);

    $('#calendar').fullCalendar('gotoDate', m );
});

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

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

1 个答案: