Fullcalendar v5-如何调用已初始化和渲染的日历

Question

我有一个初始化的日历：

$(document).ready(function(){

var calendarEl = document.getElementById("calendar");
var calendar = new FullCalendar.Calendar(calendarEl, {
//options
});
calendar.render();
});

还有一个日期选择器，点击后会重定向到代码的另一部分：

$(function(){
$("#datepicker").datepicker({
//options
onSelect: function(dateText) {
resultado('mensaje', 'procesos.php?ac=10&v=D&fecha=' + dateText)
},           
});
});

在代码的这一部分中，我曾经能够选择日期，并调用已经呈现的日历来更改其显示的日期和视图，如下所示：

var ndate = new Date(//date conversion);

$('#calendar').fullCalendar('gotoDate', ndate);
$('#calendar').fullCalendar('changeView', 'agendaDay');

升级到v5后，我似乎无法复制这一点。我已经阅读了FullCalendar中的每一页文档，我尝试了不同版本的文档，但没有成功：

$('#calendar').calendar(function(){
calendar.gotoDate(ndate);
calendar.changeView(timeGridDay);
});

有人知道如何替换.fullCalendar吗？或者有什么建议吗？非常感谢！

Answer 1

https://fullcalendar.io/docs/methods展示了如何做到这一点。您可以获得使用var calendar = new FullCalendar.Calendar...初始化的日历实例，并可以在上面调用函数，就像任何JS类实例一样：

calendar.next();

当然，如果你需要在脚本的其他地方使用它，那么你需要确保calendar在你需要的地方的作用域中。如果你没有更复杂的类结构或任何其他可以考虑作用域的东西，那么在最简单的情况下，你可以将其全局化，例如

var calendar; //global variable
$(function() {
calendar = new FullCalendar.Calendar(calendarEl, {
//options
});
calendar.render();
});