Question

我正在使用fullcalendar jquery插件，并希望在nextYear和prevYear按钮中显示2009和2011.

例如：

2009年5月2010年2011

我知道我可以在按钮上放置静态文本，如下所示：

buttonText：{ prevYear：'2009'， nextYear：'2011' }，

但我希望这些年来改变，这取决于日历当前正在查看的年份。这里有关于'年'的文档： http://arshaw.com/fullcalendar/docs/current_date/但我不知道如何获得那个'年'财产。

任何例子都会受到赞赏，

谢谢，

- 内特

Answer 1

您可能只想自己覆盖按钮并添加自己的事件

function setYearButtons()
{
    var currentDate = $("#mycal").fullCalendar( 'getDate' );

    // I'm not 100% sure on these class names, but you can inspect the dom and figure those out
    $(".fc-button-last span").text(currentDate.getYear() + 1); 
    $(".fc-button-first span").text(currentDate.getYear() - 1);
}

每次年度变化都可以打电话。

Answer 2

意思是要达到这个目的。目前不可能，但在问题跟踪器中出现问题： http://code.google.com/p/fullcalendar/issues/detail?id=488

Answer 3

与Joel's answer类似，但针对FullCalendar v1.6.4进行了更新：

var calendar = document.getElementById(...),
    $calendar = $(calendar ), // wrap calendar once
    prevYearButton,
    nextYearButton;

$calendar.fullCalendar({
    ...
    viewRender: function () {
        var year = $calendar.fullCalendar('getDate').getFullYear();
        prevYearButton.innerHTML = year - 1;
        nextYearButton.innerHTML = year + 1;
    }
});

// do this after initializing FullCalendar
prevYearButton = calendar.querySelector('.fc-button-prevYear');
nextYearButton = calendar.querySelector('.fc-button-nextYear');

Fullcalendar jquery插件显示在nextYear按钮上的年份

3 个答案: