Question

只是想知道是否有任何fullcalendar jquery插件支持事件旁边的复选框。目标只是在已完成的任务上加上一些标记。

Answer 1

您可以随时深入了解代码。

我编辑了“slotSegHtml”函数，结果如下：

注意事件中的“已完成”道具：

{
    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元素（包括添加复选框））。

带有复选框的Jquery fullcalendar插件

2 个答案: