php - 带有复选框的 Jquery fullcalendar 插件

Question

只是想知道是否有任何支持事件旁边复选框的完整日历 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： 如果您只是想区分已完成任务和未完成任务，则无需修改完整日历源。我很幸运只使用 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;
}

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

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