當allDaySlot = true時，FullCalendar議程視圖事件不會顯示

對不起，如果以前已詢問過此問題，但找不到答案。在議程視圖中，如果我有allDaySlot = true，則僅顯示「全天」部分，並且不顯示特定於時間的事件（甚至時間面板）。如果我有allDaySlot = false，則顯示特定時間事件，但不顯示全天事件。這裏是我的日曆設置：當allDaySlot = true時，FullCalendar議程視圖事件不會顯示

$('#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

與大多數事情一樣，我敢肯定，我失去了一些東西很簡單。提前感謝你的幫助！

來源

2016-12-05 Scott Perry

該問題必須在其他地方。你提到的代碼工作正常。請檢查 - https://jsfiddle.net/vacctg4f/。你能分享整個頁面代碼還是檢查瀏覽器控制檯中是否有例外？ –

謝謝@KrzysztofKaźmierczak，我認爲代碼是正確的。你認爲舊版本的jQuery會導致這種行爲嗎？我們使用的是舊版本的jQuery庫（1.8.2） –

並且在控制檯中沒有錯誤。 –

正如Krysztof所說，我的代碼功能正常。我剝離了包含我的代碼的頁面（刪除母版頁等），並且代碼在我的應用程序中正常運行。所以，我打算尋找相沖突的代碼。編輯（對於有其他人有這個問題）：我的頁面引用一個.NET母版頁，日曆駐留在內容標籤內。我相信這會導致FullCalendar的「fc-time-grid-container」元素髮生衝突。此元素具有適用於Overflow-x和Overflow-y的內聯樣式。刪除這些設置會正確顯示日曆。現在，我會在日曆呈現後通過javaScript代碼將其刪除，直到找到更好的解決方案。

來源

2016-12-06 17:29:02

祝你好運！ ;） –

當allDaySlot = true時，FullCalendar議程視圖事件不會顯示

回答

相關問題