Jquery fullcalendar插件與複選框

Question

只是想知道是否有任何fullcalendar jquery插件那裏支持事件旁邊的複選框。目標只是對已完成的任務進行標記。

Answer 1

你可以隨時潛入代碼。

我主編的 「slotSegHtml」 功能，這裏是結果：

http://jsfiddle.net/V1tOr/HZjVt/11/

通知 「已完成」 託事件：

{ 
    title: 'Lunch', 
    start: new Date(y, m, d+1, 12, 0), 
    end: new Date(y, m, d+1, 14, 0), 
    allDay: false, 
    completed : true 
} 

Answer 2

這裏有沒有兩個選項涉及編輯fullcalendar的來源：

選項1： 如果您只是將完成的任務與未完成的任務區分開來，則無需修改fullcalendar源。我有好運氣把小圖標上fullcalendar事件只是用CSS：

/* Completed task */ 
div.fc-event.completed-task div.fc-event-inner 
{ 
    background-image: url('checkbox-icon.png'); 
    background-position: bottom right; 
    background-repeat: no-repeat; 
} 

然後你只需要設置的事件對象的「類名」字段爲「完成任務」。您可以在服務器上或JavaScript中執行此操作。

選項2： 如果你需要這樣的東西更復雜的不僅僅是顯示背景圖片，您可以使用「eventRender」或「eventAfterRender」回調是fullcalendar以操縱事件的DOM元素提供對象以任何你喜歡的方式（包括添加複選框）。