Saya sedang mengerjakan kalender acara menggunakan Kalender Penuh. Saya menghadapi masalah ketika saya menambahkan acara itu memperpanjang bar antara dua tanggal. Cara memperbaikinya di sini adalah Gambar

enter image description here

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();


            });

Inilah tanggapan yang saya dapatkan dari 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"
-1
Muhammad Kamran 12 Mei 2021, 10:10

1 menjawab

Jawaban Terbaik

Masalahnya tampaknya adalah zona waktu. Saya pikir Anda mengubah waktu menjadi zona waktu lokal dan kemudian mengikatnya ke kalender. Dengan cara ini waktu dikonversi dari sisi server Anda dan juga di sisi kalender karena merupakan perilaku default kalender untuk mengonversi utc ke zona waktu lokal. ini linknya semoga membantu

https://fullcalendar.io/docs/timeZone

1
Muhammad Kamran 12 Mei 2021, 09:54