完整的日历扩展栏问题

Question

我正在使用 Full Calender 处理事件日历。当我添加事件时，我遇到了一个问题，它延长了两个日期之间的时间间隔。如何修复这里是图像

nexgen_base.ajaxGetCall('/Schedule/GetAvailibilityData', 0, (response) => {
                debugger;
                var Calendar = FullCalendar.Calendar;
                var calendarEl = document.getElementById('calendar');
                var calendar = new Calendar(calendarEl, {
                    headerToolbar: {
                        left: 'prev,next today',
                        center: 'title',
                        right: 'dayGridMonth,timeGridWeek,timeGridDay'
                    },
                    themeSystem: 'bootstrap',
                    eventClick: function (info) {
                        AvailiblityModel((info?.event?.extendedProps?.Id) || 0);
                    },
                    events: response,
                });
                calendar.on('dateClick', function (info) {
                    console.log('clicked on ' + info.dateStr);
                });
                calendar.render();


            });

这是我从 api

得到的回复

Id: 29
IsBooked: false
allDay: false
backgroundColor: "#12c739"
borderColor: "#12c739"
color: null
display: "block"
end: "2021-05-19T13:30:00+05:00"
eventBackgroundColor: null
eventColor: null
start: "2021-05-19T01:00:00+05:00"
title: "01:00 AM To 01:30 PM"

Answer 1

问题似乎是时区问题。我认为您正在将时间转换为本地时区，然后将其绑定到日历。这样，时间从您的服务器端和日历端进行转换，因为将 utc 转换为本地时区是日历的默认行为。这是 link 这可能对你有帮助

https://fullcalendar.io/docs/timeZone

完整的日历扩展栏问题

full Calender Extended bar issue

javascript

fullcalendar

fullcalendar-scheduler