2011-12-28 110 views
4

我在我的門戶中使用了fullcalender,並且我需要禁用某個不再可點擊的單元格,並且用戶無法在該單元格中創建事件。在fullcalender中禁用某個單元格

另外我想用獨特的顏色給禁用的插槽上色。

請幫忙

回答

0

我知道如何通過日期獲取細胞並改變顏色。

您應該查看此:https://github.com/arshaw/fullcalendar/pull/26

所有你需要做的是搜索插件這一行:

cell.find('div.fc-day-number').text(date.getDate()); 

然後,你應該插入下面一行:

cell.attr('data-date', $.fullCalendar.formatDate(date, "yyyyMMdd")); 

之後,你可以通過使用類似於此的日期獲得單元格:

$(".fc-widget-content[data-date='20120105']").addClass("disabled-slot"); 

並把你想要的顏色放在細胞上。

要禁用小區,也許你可以那麼做這樣的事情(未測試):

$(".fc-widget-content[data-date='20120105']").draggable({ disabled: true }); 
+0

你認爲它會爲周視圖的工作呢? – 2012-06-07 16:58:24

+0

@AdilMalik周視圖沒有每天每個小時的單元格,但是,通過對代碼進行一些更改,您可以使其工作。這是我前一段時間做的一個例子:[http://www.albinstrutora.pt/#!student](http://www.albinstrutora.pt/#!student)。如果您檢查此代碼,您會看到每天的每個小時都有一個單元格,並且它是通過css類繪製的。 – 2012-06-07 20:27:08

+0

真的是fullCalendar嗎?它看起來很不一樣。你能提供代碼嗎?所以我可以看到你如何爲每個時間槽添加單元格? – 2012-06-08 11:47:49

相關問題