jquery - Fullcalendar-如何划掉并显示已完成的任务

Question

使用 Fullcalendar 插件，有没有办法删除已完成的任务(至少使用 <strike> 标签)。我正在从数据库中取出任务，并将结果传递到 json_encode() .

Answer 1

如果您使用的是 v5，请将其添加到构造函数中:

eventClassNames: function(arg) 
{
    //standard event properties are under the "event" object
    //and any other property/value you've added to the event 
    //object will be available under "event.extendedProps",
    //just like this 'isUrgent' in the sample bellow:

    if (arg.event.extendedProps.isUrgent) 
    {
        return [ 'urgent' ]
    }
    else
    {
        return [ 'normal' ]
    }
}

    <style type="text/css">
    .normal
    {
        text-decoration: none;
    }
    .urgent
    {
        text-decoration: line-through;
    }
    </style>