我正在尝试更改日历的视图,并根据某些字段内容显示特定的日期范围。
这两个字段中的日期格式如下所示: 2018-05-05
这是我的代码:
$('#checkRange').on('click', function () {
$('#calendar').fullCalendar('changeView', 'list', {
start: $('#firstDate').val(),
end: $('#endDate').val()
});
});
所以基本上,当我单击"checkRange"按钮时,我希望日历将视图切换到列表视图,并将"开始"和"结束"选项更改为"firstDate"字段和"endDate"字段中的值。
第一次加载页面时它工作正常,但看起来一旦设置了"开始"和"结束"选项,即使我更改了"firstDate"和"endDate"字段的内容,并再次单击"checkRange"按钮,它也不会更新视图。
任何帮助将不胜感激。 谢谢!
试试这个: https://fullcalendar.io/docs/v1/rerenderEvents
$("selector").fullCalendar( ‘rerenderEvents’ );
或 https://fullcalendar.io/docs/v1/refetchEvents
$("selector").fullCalendar( ‘refetchEvents’ );