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

Posted 2023-02-25

【中文标题】Fullcalendar jquery plugin 在 nextYear 按钮上显示年份

【英文标题】：Fullcalendar jquery plugin Show years on nextYear buttons

【发布时间】：2010-05-14 16:46:07

【问题描述】：

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

例如：

2009 年 2010 年 5 月 2011 年

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

按钮文本： 上一个年份: '2009', 下一年：'2011' ,

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

任何例子都将不胜感激，

谢谢，

--内特

【参考方案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);

您可以在每次年份变化时调用它。

【参考方案2】：

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

【参考方案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');