大佬教程收集整理的这篇文章主要介绍了完整的日历扩展栏问题,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用完整日历处理事件日历。当我添加事件时,我遇到了一个问题,它会在两个日期之间扩展栏。如何修复这里是图像
nexgen_base.AJAXGetCall('/schedule/GetAvailibilityData',(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"
问题似乎是时区。我认为您正在将时间转换为本地时区,然后将其绑定到日历。这样,时间就会从您的服务器端和日历端转换,因为将 utc 转换为本地时区是日历的默认行为。这是可能对您有所帮助的链接
https://fullcalendar.io/docs/timeZone
以上是大佬教程为你收集整理的完整的日历扩展栏问题全部内容,希望文章能够帮你解决完整的日历扩展栏问题所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。