很抱歉,如果以前曾经问过,但我找不到答案。在议程视图中,如果我有allDaySlot = true,则仅显示“全天”部分,并且不显示特定于时间的事件(甚至是时间面板)。如果我有allDaySlot = false,则显示特定时间事件,但不显示全天事件。这是我的日历设置:
$('#calendar').fullCalendar({
defaultDate: "2016-12-05",
allDaySlot: true,
defaultView: 'agendaWeek',
events: [{ id:1,
start: "2016-12-06T10:00:00",
end:"2016-12-06T18:00:00",
title: 'test timed event',
allDay: false },
{ id:2,
start: "2016-12-07",
title: 'All Day Event',
allDay: true }
]
});
这是输出: enter image description here
与大多数事情一样,我确信我错过了一些非常简单的事情。在此先感谢您的帮助!
答案 0 :(得分:0)
如Krysztof所述,我的代码功能正常。我删除了包含我的代码的页面(删除母版页等),并且代码在我的应用程序中正常运行。所以,我正在寻找相互冲突的代码。
编辑(对于遇到此问题的其他人):我的页面引用了一个.NET母版页,日历位于内容标记内。我相信这会导致" fc-time-grid-container" FullCalendar的元素。此元素具有应用于Overflow-x和Overflow-y的内联样式。删除这些设置会正确呈现日历。现在,我会在日历渲染后通过javaScript代码删除它们,直到找到更好的解决方案。