带有复选框的Jquery fullcalendar插件

只是想知道是否有任何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源。 我很幸运只是使用CSS将小图标放到fullcalendar事件上：

 /* 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; } 

然后，您只需要将事件对象上的“className”字段设置为“completed-task”。 您可以在服务器或JavaScript中执行此操作。

选项2：如果您需要更复杂的东西而不仅仅是显示背景图像，您可以使用fullcalendar提供的“eventRender”或“eventAfterRender”回调，以便以您喜欢的任何方式操纵事件对象的DOM元素（包括添加复选框）。