Javascript 跳转到Fullcalendar+;中的特定日期;调度程序,但仅显示特定范围
在一个页面上,我有一个Fullcalendar+调度程序和一个带有两个输入的搜索表单:Javascript 跳转到Fullcalendar+;中的特定日期;调度程序,但仅显示特定范围,javascript,fullcalendar,fullcalendar-scheduler,Javascript,Fullcalendar,Fullcalendar Scheduler,在一个页面上,我有一个Fullcalendar+调度程序和一个带有两个输入的搜索表单:开始日期和结束日期。当我提交它时,一个ajax调用开始(我需要在服务器端做一些事情),我收到json中的日期。我需要的是重新呈现以josn中的日期开始和结束的日历。我的守则如下: var searchForm = $('#search-form'); searchForm.submit(function (e) { e.preventDefault();
开始日期
和结束日期
。当我提交它时,一个ajax
调用开始(我需要在服务器端做一些事情),我收到json
中的日期。我需要的是重新呈现以josn
中的日期开始和结束的日历。我的守则如下:
var searchForm = $('#search-form');
searchForm.submit(function (e) {
e.preventDefault();
$.ajax({
method: 'GET',
url: '/en/admin/search',
data: {
start_date: '2018-06-01',
end_date: '2018-07-01'
}
}).done(function (data) {
$('#calendar').fullCalendar('gotoDate', data.start_date);
$('#calendar').fullCalendar({
validRange: {
start: data.start_date,
end: data.end_date
}
});
$('#calendar').fullCalendar('removeEvents');
});
});
'gotoDate'
函数正在工作,但是validRange
在回调中不工作。我还尝试添加$(“#calendar”).fullCalendar('refetchResources')代码>,但什么也没发生。我做错了什么,可以做些什么来解决这个问题?谢谢大家。$(“#日历”).fullCalendar({validRange:{start:data.start_date,end:data.end_date})代码>基本上是用最少的选项重新创建日历。我不认为你不想那样做。如果您需要在首次创建日历后设置选项,请使用以下选项:非常感谢,只需将'option'
添加到fullCalendar()
函数中,它就完成了我需要的功能。