当allDaySlot = true

时间:2016-12-05 18:02:59

标签: fullcalendar

很抱歉,如果以前曾经问过,但我找不到答案。在议程视图中,如果我有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

与大多数事情一样,我确信我错过了一些非常简单的事情。在此先感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

如Krysztof所述,我的代码功能正常。我删除了包含我的代码的页面(删除母版页等),并且代码在我的应用程序中正常运行。所以,我正在寻找相互冲突的代码。

编辑(对于遇到此问题的其他人):我的页面引用了一个.NET母版页,日历位于内容标记内。我相信这会导致" fc-time-grid-container" FullCalendar的元素。此元素具有应用于Overflow-x和Overflow-y的内联样式。删除这些设置会正确呈现日历。现在,我会在日历渲染后通过javaScript代码删除它们,直到找到更好的解决方案。