2015-04-23 29 views
5

我開始使用Fullcalendar並且喜歡docs。然而,我堅持以下問題:FullCalendar.js:使用時間標籤渲染背景?

帶時間標籤的背景渲染?

我有一個用戶指定他的可用時間,另一個用戶可以在給定時間內做出選擇。要允許selection,我們需要在events數組中設置rendering: 'background',否則主事件會阻止事件插入。但是,使用背景渲染時的時間標籤消失:

enter image description here

所以你怎麼能我告訴Fullcalendar保持對甚至在後臺渲染模式下顯示的時間標籤?


如果有人能幫助我,我會很高興。

+0

是什麼版本? – jasilva

+1

我正在使用最新的,目前fullcalendar-2.3.1 –

+0

這裏你去:http://stackoverflow.com/q/29831332/1066234 –

回答

6

爲背景事件添加時間標籤並不是「開箱即用」,但它很容易處理eventRender回調。

eventRender: function(event, element, view){ 
    if(event.rendering === "background"){ 
     // Just add some text or html to the event element. 
     element.append(event.start.format('HH:mm') + " - " + 
         event.end.format('HH:mm')); 
    } 
}, 

如果你想要更好的格式,你當然可以添加一個或兩個範圍。

這裏有一個JSFiddle使用它(使用相同的基礎代碼,您other question

+1

如果我在這裏追加鏈接,它會正確呈現,但一旦點擊,fullcalendar將嘗試在那裏創建新的事件,即使當'Event.overlap == false' – ptica

+1

@ptica時,添加一個mousedown事件監聽器到鏈接並防止傳播。像這樣:http://jsfiddle.net/rho79s7w/22/ – slicedtoad