JavaScriptプログラムに関する各種メモ書き

fullcalendar で 次の月 / 前の月 クリック時にイベントを追加する

● fullcalendar で 次の月 / 前の月 クリック時にイベントを追加する

var calendar;
calendar = new FullCalendar.Calendar(calendarEl, {
    ........
});

関数を追加

$(document).ready(function(){

  // console.log( '● calendar' );
  // console.log( calendar );

  // calendar#2021-06 の形式の場合は移動させる
  var moveTo = new String(location.hash);
  if ( moveTo != '' ){
    moveTo = moveTo.replace(/^#/, '');
    console.log( 'カレンダーを移動します:' + moveTo );
    calendar.gotoDate( moveTo );
  }

  // 「前へ」「次へ」を押した時に URLを書き換える
  $('body').on('click', function (e) {
    var jq_obj = $(e.target);
    if (jq_obj.hasClass('fc-prev-button') || jq_obj.hasClass('fc-next-button') ){
      var m = moment( calendar.getDate() );
      console.log( '● m' );
      console.log( m.format('YYYY-MM') );
      var url = location.href;
      url = url.replace(/#(.+)$/,'');
      history.pushState('', '', url+'#'+m.format('YYYY-MM'));
    }
  });

});
No.1991
04/30 18:10

edit