fullCalendar V2後臺事件標題

我一直在fullCalendar V2中使用新的後臺事件來顯示哪些插槽可用於預訂，但我也希望在後臺事件中顯示某種標題。在事件上設置「標題」不會顯示任何內容。fullCalendar V2後臺事件標題

有沒有辦法做到這一點？

謝謝

2014-11-24 jimbodeni

設置「標題」應該夠了。你能提供一個蹦極，jsfiddle或至少一個圖像？ – 2014-11-24 10:47:11

嗨馬里奧，通過背景事件我的意思是這個：http://fullcalendar.io/docs/event_rendering/Background_Events/ – jimbodeni 2014-11-24 11:16:53

@ jimbodeni在那一點上，爲什麼不把它作爲一個事件？在後臺事件功能可用之前，我在http://stackoverflow.com/a/26934653/1810243中顯示了一種解決方法。你需要檢查編輯歷史。查看[revision 3]（http://stackoverflow.com/posts/26934653/revisions）中的代碼片段（我在後臺事件變爲可用後替換了該答案）。 – MikeSmithDev 2014-11-24 15:52:03

我最近有類似的問題。我正在構建一個簡單的webapp來管理我的工作時間，我想使用fullcalendar並顯示我每天工作多少小時。顯示細長矩形的標準事件看起來不太好。我注意到有背景事件，所以我用它們來標記我工作的那一天。整個一天突出顯示，它看起來好多了。但與你類似，我想顯示一些信息，即當天的小時數。所以我想出了以下解決方案。我爲這一天創造了兩個事件。首先是創建一個背景事件，第二個是創建正常事件，標題設置爲幾小時，但背景設置爲透明。隨着CSS的一點點幫助，我爲標準事件對齊文本。它的代碼如下所示：

$('#calendar').fullCalendar({ 
      eventBackgroundColor: '#ABFFA6', 
      eventColor: 'transparent', 
      eventBorderColor: 'transparent', 
      eventTextColor: '#000', 
      events: [ 
       {"start":"2015-01-02","rendering":"background"}, 
       {"title":"06:10","start":"2015-01-02","backgroundColor":"transparent"}, 
      ] 
     });

此代碼將標記1月2日淺綠色背景並添加6:10標籤。此解決方案可以外推到其他視圖（如日視圖）。

來源

2015-01-22 10:26:39 Zefiryn

您可以使用此代碼。嘗試一下。

eventRender: function(event, element){ 
    if(event.source.rendering == 'background'){ 
     element.append("YOUR HTML CODE"); 
    } 
}

來源

2015-07-30 11:37:39 Shirox

我已經修改了日曆的「eventRender」所以，如果一個事件檢測後臺渲染，也顯示標題：

eventRender: function (event, element) { 
    if (event.rendering == 'background') { 
     element.append(event.title); 
    } 
}

來源

2016-07-02 03:22:54 Dustin

fullCalendar V2後臺事件標題

回答

相關問題