fullcalendar-4 - Fullcalendar 根据第一个日历更新第二个日历
问题描述
我正在尝试根据第一个日历的更改更新第二个日历。我找到了功能 calendar.view.activeStart; 和日历.view.type;这给了我开始日期和日历类型。我可以使用 changeView(); 第一次加载时更新第二个日历的类型。但日期的格式我无法使用(2019 年 6 月 10 日星期一 00:00:00 GMT+0200(中欧夏令时间)。我如何使用 calendar.view 获取日期以及如何更新每次更改的第二个日历。
这是我正在使用的代码。
var viewType = '';
var viewDate = '';
document.addEventListener('DOMContentLoaded', function() {
var Calendar = FullCalendar.Calendar;
var calendarEl = document.getElementById('calendar');
var calendar = new Calendar(calendarEl, {
locale: 'nl',
weekNumbers: true,
defaultDate: standaarddatum,
nowIndicator: true,
height: 500,
businessHours: true,
editable:true,
droppable: true,
selectable:true,
unselectAuto:true,
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
themeSystem: 'bootstrap',
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,listYear'
},
allDaySlot: false,
defaultView: 'timeGridWeek',
events: {
url: 'load_select.php',
method: 'POST',
extraParams: function() {
return {
cursus_id:localStorage.getItem("cursus_select"), evenement_id:localStorage.getItem("evenement_select"), locatie_id:localStorage.getItem("locatie_select"), trainer_id:localStorage.getItem("trainer_select")
};
},
failure: function() {
alert('er zijn geen cursussen met deze combinatie!');
localStorage.setItem("cursus_select", '0');
localStorage.setItem("evenement_select", '0');
localStorage.setItem("locatie_select", '0');
localStorage.setItem("trainer_select", '0');
calendar.refetchEvents()
$('#cursusselect').val('');
$('#evenementselect').val('');
$('#locatieselect').val('');
$('#trainerselect').val('');
}
},
});
calendar.render();
viewDate = calendar.view.activeStart;
viewType = calendar.view.type;
});
//TWEEDE
document.addEventListener('DOMContentLoaded', function() {
var Calendar = FullCalendar.Calendar;
var calendarEl = document.getElementById('calendar10');
var calendar10 = new Calendar(calendarEl, {
locale: 'nl',
weekNumbers: true,
defaultDate: standaarddatum,
nowIndicator: true,
height: 500,
businessHours: true,
editable:true,
droppable: true,
selectable:true,
unselectAuto:true,
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
themeSystem: 'bootstrap',
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,listYear'
},
allDaySlot: false,
defaultView: 'timeGridWeek',
events: {
url: 'load_select.php',
method: 'POST',
extraParams: function() {
return {
cursus_id:localStorage.getItem("cursus_select10"), evenement_id:localStorage.getItem("evenement_select10"), locatie_id:localStorage.getItem("locatie_select10"), trainer_id:localStorage.getItem("trainer_select10")
};
},
failure: function() {
alert('er zijn geen cursussen met deze combinatie!');
localStorage.setItem("cursus_select", '0');
localStorage.setItem("evenement_select", '0');
localStorage.setItem("locatie_select", '0');
localStorage.setItem("trainer_select", '0');
calendar10.refetchEvents()
$('#cursusselect10').val('');
$('#evenementselect10').val('');
$('#locatieselect10').val('');
$('#trainerselect10').val('');
}
},
});
calendar10.render();
calendar10.changeView(viewType, viewDate);
});
解决方案
它与 gotoDate() 一起使用;不是 changeView();
推荐阅读
- javascript - Google Drive API v3 未列出文件/文件夹的指定元数据
- python - 没有名为“PySocks”的模块,但我已经安装了这个模块
- php - PHP Mysql 搜索页面
- python - 解决此错误的任何方法,在行中:“std=float(line)-average ValueError: could not convert string to float”
- html - 扩展身高css
- fabricjs - 创建后无法选择线对象
- .net - VB.Net - 如果程序停止,appendAllText 子例程是否可以不写入所有文本?
- python - 我想打印带有奇数或偶数的字母(字符串)作为索引并将它们保存为列表
- scala - 如何将混合类型列表转换为相同类型列表的元组
- java - java中的主线程会调用静态块吗?