事件在fullCalendar中渲染得太远了
问题描述:
我在将事件渲染到日历上时遇到了一个奇怪的问题。大约90%的时间所有的东西都只是罚款:事件在fullCalendar中渲染得太远了
然而,当时的另外10%的事件渲染过头各自列的权利:
有没有人有这个问题?我不怀疑这是我的代码,因为它大部分时间都在工作。我也相信每个浏览器都会出现这个问题。
下面是我的代码的基本轮廓:
var myEvent = {
title: nthClass.prefix.toUpperCase() + ' ' + nthClass.number + ':' + nthClass.section + '\nCRN: ' + nthClass.crn,
start: moment().date(objectMonthDay).day(selectedCourseDayOfWeek).hour(Number(hourStart)).minute(Number(minuteStart)).second(0),
end: moment().date(objectMonthDay).day(selectedCourseDayOfWeek).hour(Number(hourEnd)).minute(Number(minuteEnd)).second(0),
textColor: '#EAE6DC',
backgroundColor: backgroundColors[i],
borderColor: "#7f8c8d"
}
$('#calendar').fullCalendar('renderEvent', myEvent);
答
看来,我已经找到了解决这一问题。
最初我以为我添加的CSS不起作用,但经过一段传播时间后,它现在似乎工作得很好。经过大约30次尝试复制这个问题后,我没有遇到像以前那样的任何问题。
这里是修复那些渲染太远向右事件的CSS:
#calendar > div.fc-view-container > div > table > tbody > tr > td > div > div > div.fc-content-skeleton > table > tbody > tr > td > div > a{ left:0 !important; }
你检查用内置浏览器的developper工具(假设这些元素的CSS是使用Firefox还是Chrome)? – Slyvain
**下面是改变事件** ''
8:00 - 9:00
CIS 321:3
** –
CRN: 23423
而正确地呈现事件** '
5:00 - 6:00
HIST 321:3
“'的CSS 看来,唯一的区别是在50%左被应用到错误一。这很奇怪.. –
CRN: 23452