FullCalendar 事件顯示 根據時間設置

Question

我在我的項目中使用FullCalendar ，問題是當我添加一個事件時，比如說，

start: "04/18/2018 22:05:00",
end : "04/19/2018 02:05:00"

以上日期和時間有 4 小時的時差，但日期結束日期是第二天，

我希望在上述情況下，事件應該在日歷的月視圖中顯示在兩天（04/18/2018 - 04/19/2018）內。 但在這種情況下，它僅在一天 (04/18/2018) 內顯示。

我們怎樣才能做到這一點？ 見演示圖片：

Answer 1

這受nextDayThreshold選項的影響。 根據https://fullcalendar.io/docs/nextDayThreshold ，在顯示整天的單元格（例如在“月”和“基本”視圖類型中找到的那些單元格）中，如果發生以下情況，則僅在其最后一天呈現多天事件：它的結束時間晚於nextDayThreshold指定的時間。

默認情況下，此時間是"09:00:00" （上午9點）。

您可以將此選項設置為更適合您的情況。 例如，使用問題中給出的樣本數據，將其設置為午夜（ "00:00:00" ）可能更合適，並且會導致結束時間晚於午夜的所有事件（實際上都是所有事件） ：

nextDayThreshold: "00:00:00"

Answer 2

您可以為結束日期添加日期，例如在 laravel 中

events : [
        @foreach($reservations as $reservation)
           {
            title :'{{ $reservation->name }},
            start :'{{ $reservation->start }}',
            end :  '{{ $reservation->end->addDays() }}',
            allDay:true,
           },
        @endforeach
],

因為在 Docs fullcalendar 中

end ：如上所述，這是事件結束的日期。 換句話說，事件一直持續到這個截止時間點。 此值指定事件的排他性結束。 由於該事件預計不會在給定的結束日期之后繼續，因此也可能被描述為非包容性

同樣，如果 allDay 未明確設置為 true 且結束時間為 2018-09-07，則在內部將其識別為 2018-09-07T00:00:00。 正是那個時間點，在 2018-09-06 的最后一部分和 2018-09-07 的開始。 此外，這可能被解釋為 2018-09-06T23:59:59 或 2018-09-07T00:00:00。

Fullcalender 文檔鏈接