如何在完整日历中查看基于月份的数据

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