爲FullCalendar的周和每日視圖添加結束時間

Question

我現在正在使用FullCalendar v2，並且我發現它非常有用。但是，當我想要顯示事件的結束時間時，我遇到了問題。

我想在「星期一和星期幾」中顯示開始時間和結束時間，例如「09：00-17：00」。我在Display ending time in fullcalendar week view only中找到了解決方案，但似乎是v1版本。我在v2中使用這個，並失敗。

如何在一天內顯示開始時間和結束時間？

Answer 1

答案在這裏：Fullcalendar event's end time is missing適用於版本1.6.1。但是，formatDates函數在第2版中已被替換爲formatRange。所以，使用

eventAfterRender: function(event, $el, view) { 
     var formattedTime = $.fullCalendar.formatRange(event.start, event.end, "HH:mm"); 
     // If FullCalendar has removed the title div, then add the title to the time div like FullCalendar would do 
     if($el.find(".fc-event-title").length === 0) { 
      $el.find(".fc-event-time").text(formattedTime + " - " + event.title); 
     } 
     else { 
      $el.find(".fc-event-time").text(formattedTime); 
     } 
    } 

Answer 2

沒有必要像上面這樣一個這樣一個令人震驚的答案。 我有同樣的問題，我固定它通過簡單的配置fullcalendar性能像這樣：

timeFormat: { 
      month: "HH:mm", 
      week: "HH:mm", 
      day: "HH:mm" 
     }, 

Answer 3

我發現這個答案爲我工作：https://stackoverflow.com/a/24951989/590382

---

在FullCalendar> = 2.0.1 ，有一個叫做displayEventEnd的設置。

文檔：http://fullcalendar.io/docs/text/displayEventEnd/

無論當它呈現在日曆上 顯示事件的結束時間文本。

例子：

displayEventEnd: { 
    month: false, 
    basicWeek: true, 
    "default": true 
}