Как посмотреть данные по месяцам в fullcalendar

Question

Я пытаюсь иметь кнопку вверху страницы с месяцами. Он работает при первом щелчке, но когда я нажимаю другие месяцы, календарь больше не отображается. Есть идеи?

Пожалуйста, посмотрите эту скрипку для кода:

https://jsfiddle.net/jetdk0ay/6/

Код события

$(document).on('click', '.month', function(){
    $('#calendar').empty();
    // Render the calendar
});

Answer 1

Вместо того, чтобы пытаться заново отрисовать календарь, вы можете использовать вместо этого функцию gotodate. См. Здесь: https://jsfiddle.net/cz2s1uon/

В основном:

var calendar;
$(document).on('click', '.month', function(){
  
  var newDate = new Date();
  var month = $(this).attr('value');
  var fixedMonth = month - 1;
  newDate.setMonth(fixedMonth);
  
  if (calendar) {
    calendar.fullCalendar('gotoDate', newDate)
    return
  }

  calendar = $('#calendar').fullCalendar({
    defaultDate: newDate,
    events: []
  })
})

Вот документация по этой функции: https://fullcalendar.io/docs/v3/gotoDate