fullcalendar - Fullcalendar jquery plugin 在 nextYear 按钮上显示年份

Question

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

例如：

2009 年 2010 年 5 月 2011 年

我知道我可以像这样在按钮上放置静态文本：

buttonText: { prevYear: '2009', nextYear: '2011' },

但我希望根据日历当前查看的年份来改变这些年份。这里有关于“年”的文档：http: //arshaw.com/fullcalendar/docs/current_date/但我不知道如何获得“年”属性。

任何例子将不胜感激，

谢谢，

——内特

Answer 1

一直想达到这个目的。目前不可能，但在问题跟踪器中提出了问题： http ://code.google.com/p/fullcalendar/issues/detail?id=488

Answer 2

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

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 3

类似于Joel 的回答，但针对 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');