具有特殊日子的 Fullcalendar 重复事件

时间:2021-04-29 02:23:01

标签: jquery fullcalendar recurring

我正在使用 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();
        });

0 个答案:

没有答案