jquery 文本中的fullcalendar上一年和下一年按钮

fiei3ece  于 2023-06-22  发布在  jQuery
关注(0)|答案(1)|浏览(128)

两年前,这个问题在这里被问到,但作为一个菜鸟,我不知道如何使用乔尔·波特发布的方法来回答这个URL中的问题:
Fullcalendar jquery plugin Show years on nextYear buttons
以下是我到目前为止在代码中的内容:

$('.fc-button-prevYear span').click(function(){
           setYearButtons();
        });

        $('.fc-button-nextYear span').click(function(){
           setYearButtons();
        });

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

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

我如何初始化代码,以便在日历的开始,我不会看到下一年和上一年的箭头,但下一年和上一年的文本?
还有,计算年份的逻辑似乎起作用了,但我看到的文本是错误的。例如,如果当前年份是2012年(最初我看到箭头按钮,我需要单击上一年或下一年按钮,然后才能更改为文本),当我单击下一年或上一年转到2013年时,我的文本按钮显示上一年为112,下一年为114,而不是显示2012为上一年,2014为下一年。

cigdeys3

cigdeys31#

只需将此添加到日历初始化:

$('#calendar').fullCalendar({
        theme: false,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'prevYear, nextYear'
        }, 
        buttonText: {
            prevYear: parseInt(new Date().getFullYear(), 10) - 1,
            nextYear: parseInt(new Date().getFullYear(), 10) + 1
        },
        viewDisplay: function(view) {
            var d = $('#calendar').fullCalendar('getDate');
            $(".fc-button-prevYear .fc-button-content").text(parseInt(d.getFullYear(), 10) - 1);
            $(".fc-button-nextYear .fc-button-content").text(parseInt(d.getFullYear(), 10) + 1);
        }
});

相关问题