3

2 年以上前に、この質問はここで尋ねられましたが、初心者なので、この URL の質問に対する回答として Joel Potter によって投稿された方法を使用する方法がわかりません。

Fullcalendar jquery プラグイン nextYear ボタンに年を表示

私のコードでこれまでに持っているものは次のとおりです。

$('.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 に移動すると、テキスト ボタン前年は 2012、来年は 2014 ではなく、前年が 112、翌年が 114 と表示されます。

4

1 に答える 1

9

これをカレンダーの初期化に追加するだけです：

$('#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);
        }
});
于 2013-03-08T03:20:58.283 に答える