我正在使用 Fullcalendar 并为客户重复事件。一切正常。但我想知道如何为它设置特殊的日子?就像如果“25.05.2021”没有活动,则不应在该日期出现活动。
这是我的 JSON 文件:
[{"daysOfWeek":[1],"title":"Termin frei","startTime":"10:00","color":false},
{"daysOfWeek":[1],"title":"Termin frei","startTime":"11:00","color":false},
{"daysOfWeek":[1],"title":"Termin frei","startTime":"12:00","color":false},
{"daysOfWeek":[1],"title":"Termin frei","startTime":"13:00","color":false},
{"daysOfWeek":[1],"title":"Termin frei","startTime":"14:00","color":false},
{"daysOfWeek":[2],"title":"Termin frei","startTime":"11:00","color":false},
{"daysOfWeek":[2],"title":"Termin frei","startTime":"12:00","color":false},
{"daysOfWeek":[2],"title":"Termin frei","startTime":"13:00","color":false},
{"daysOfWeek":[3],"title":"Termin frei","startTime":"11:00","color":false},
{"daysOfWeek":[3],"title":"Termin frei","startTime":"12:00","color":false},
{"daysOfWeek":[3],"title":"Termin frei","startTime":"13:00","color":false},
{"daysOfWeek":[4],"title":"Termin frei","startTime":"13:00","color":false},
{"daysOfWeek":[4],"title":"Termin frei","startTime":"14:00","color":false},
{"daysOfWeek":[5],"title":"Termin frei","startTime":"14:00","color":false}]
这是我的全日历代码:
document.addEventListener('DOMContentLoaded', function () {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'dayGridWeek',
locale: 'de',
timeZone: 'Europe/Berlin',
hiddenDays: [0, 6],
validRange: {
start: tomorrow()
},
events: '<?php echo getApiUrl(); ?>/available-times/<?php echo $departmentID; ?>',
headerToolbar: {
start: 'title', // will normally be on the left. if RTL, will be on the right
center: '',
end: 'prev,next' // will normally be on the right. if RTL, will be on the left
},
displayEventEnd: true,
eventTimeFormat: {
hour: '2-digit',
minute: '2-digit',
hour12: false
},
eventClick: function (info) {
window.location.href = "<?php echo WP_HOME . '/terminvereinbaren-details?'; ?>department_id=<?php echo $departmentID
. '&event_start=';?>" + info.event.start.toISOString()
},
});
calendar.render();
});