FullCalendarでprev、nextボタンを押下した際に、その日付をパラメータとして送りeventの取得がしたい。

Question

###実現したいこと
例えば現在が2017年4月であれば、prevボタンを押下した際に、eventsのurlに201703をパラメータとして渡してeventの取得をしたいと考えています。

###該当のソースコード

 $(document).ready(function() {
        var date_obj = $('#fullcalendar').fullCalendar('getDate');
        var date = moment(date_obj).format('YYYYMMDD');
        drawCal(date);
        $('.fc-prev-button').on('click', function(){
			var date_obj_prev = $('#fullcalendar').fullCalendar('getDate');
			var date_prev = moment(date_obj_prev).format('YYYYMMDD');
            drawCal(date_prev);
        });
        $('.fc-next-button').on('click', function(){
            var date_obj_next = $('#fullcalendar').fullCalendar('getDate');
            var date_next = moment(date_obj_next).format('YYYYMMDD');
            drawCal(date_next);
        });
    });

    function drawCal (date) {
        $('#fullcalendar').fullCalendar({
            header: {
                left: 'prev',
                center: 'title',
                right: 'next'
            },
            height: 540,
            editable: false,
            // 月名称
            monthNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
            // 月略称
            monthNamesShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
            // 曜日名称
            dayNames: ['日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '金曜日', '土曜日'],
            // 曜日略称
            dayNamesShort: ['日', '月', '火', '水', '木', '金', '土'],
            eventLimit: true, 
			events: '/dev/'+date,
        });
    }

###試したこと
上記ソースでは、最初のロード時にfullcalendarを描画し、prev、nextボタンのクリック時に、クリックがされた月を引数として渡し、再びfullcalendarを描画することで上記を実現しようと考えているのですが、クリック時に実行されるeventsのurlに当月のdateが固定で渡されてしまっています。

onClick時に実行されるdrawCal()の引数のdateにはクリックされた日付が入っているのですが、eventsのurlのパラメータとしてどのようにすればクリック時の日付が渡せるのかがわかりませんでした。

ご助力よろしくお願いいたします。

Answer 1

events に関数を渡すとカレンダーの切替時（prev/nextなど）に自動で実行するようです。

【events (as a function) - Documentation | FullCalendar】
https://fullcalendar.io/docs/event_data/events_function/

Comments

[s_k]

ご返信ありがとうございます。

デフォルトでparameterに渡されるstartとendを使えば良いのですね。。

貼っていただいたURLもとても参考になりました。

ありがとうございました！