事件在fullCalendar中向右移动太远

时间:2015-11-05 04:04:32

标签: javascript fullcalendar

当我将事件渲染到日历上时,我遇到了一个奇怪的问题。大约90%的时间一切都很好:

enter image description here

然而,其他10%的时间事件在各自列的右侧渲染得太远:

enter image description here

有人有这个问题吗?我不怀疑这是我的代码,因为它在大多数时间都在工作。我也相信每个浏览器都会出现此问题。

以下是我的代码的基本概要:

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

1 个答案:

答案 0 :(得分:0)

似乎我找到了解决这个问题的方法。

最初我认为我添加的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; }