2015-05-25 29 views
5

我試過這個實施Full Calendar Implementation完整日曆時間間隔應該是1小時,並從6:30開始

$("#available_classes_calendar").fullCalendar({ 
     header: { 
      left : 'prev,next', 
      center : 'title' 
      }, 
     defaultView: 'agendaWeek', 
     views:{ 
      agenda:{ 
       allDaySlot: false, 
       minTime: "06:30:00", 
       maxTime: "24:00:00", 
       slotDuration: "00:60:00" 
      } 
     } 
    }); 

在這種全天列應該從上午6:30被啓動和間隔槽應1小時。

因此,所有的日柱應該是這樣的:

上午6:30上午7:30上午8:30。 。 。 11:30 pm

我嘗試了很多解決方案,但無法做到這一點。

請讓我知道是否需要其他信息來解決這個問題。

感謝 Screenshot from @lucasnadalutti fiddle

回答

3

你的問題是你放置選項的地方。它應該是

$("#available_classes_calendar").fullCalendar({ 
    header: { 
     left : 'prev,next', 
     center : 'title' 
     }, 
    defaultView: 'agendaWeek', 
    allDaySlot: false, 
    minTime: "06:30:00", 
    maxTime: "24:00:00", 
    slotDuration: "06:00:01" 
}); 

關於06:3007:30等,在垂直軸上,你需要設置slotDuration: "06:30:01"顯示。看看this jsfiddle

要注意的最重要的事情是在slotDuration上的01秒。沒有這個,你將無法顯示半小時。


解釋爲何你需要的「+01」第二:

FullCalendar支持有半小時或任何你想要的軸,但你需要做的這個古怪的事情。這背後的原因是在源代碼本身(FullCalendar 2.3.1視圖源),從線5714到5719:

((!slotNormal || !minutes) ? // if irregular slot duration, or on the hour, then display the time 
    '<span>' + // for matchCellWidths 
     htmlEscape(slotDate.format(this.axisFormat)) + 
    '</span>' : 
    '' 

現在,$slotNormal上線5701定義的和是:

var slotNormal = this.slotDuration.asMinutes() % 15 === 0; 

所以,如果您有30分鐘的時間間隔,則條件將爲false,FullCalendar將不顯示時間。此主題在this answer中有詳細介紹。

一個額外的評論:您正在使用FullCalendar v1.5.4這是真的很老,我建議你升級。如果你升級,請記住FullCalendar現在依靠

+0

感謝您的答覆,從您的答案我可以理解,使用fullcalendar有一定的侷限性。我無法得到我需要的確切輸出,雖然在搜索過程中我得到了一個針對fullcalendar的補丁(https://code.google.com/p/fullcalendar/issues/detail?id=951),我想我們可以通過它所需的輸出,但該補丁是1.5。1,實際上我使用的是帶有moment.js的最新FullCalendar,但我已經更新了一些舊的小提琴來解釋我的問題。 –

+0

@PardeepDhingra你可以得到想要的輸出。你見過[jsfiddle](http://jsfiddle.net/milz/y9mt92et/1/)嗎?出於某種原因,Arshaw認爲'slotDuration%15 === 0'時不會顯示時間,因此您需要設置'slotDuration:「00:30:01」'。 –

+0

我已經看到了我需要插槽持續時間1小時的小提琴。在這種情況下,它將顯示6:30..7:00..7:30。但我需要6:30..7:30 ..等 –

3

簡單地拉出,你把裏面views的選項。

這是您的modified working fiddle

+1

這個小提琴沒有顯示出所需的輸出時間仍然是上午7:00 ...上午8:00等等。 –

相關問題