php - チェックボックス付きのJqueryfullcalendarプラグイン

Question

イベントの横にあるチェックボックスをサポートするfullcalendarjqueryプラグインがあるかどうか疑問に思っています。目的は、完了したタスクにマークを付けることです。

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 のソースの編集を伴わない 2 つのオプションを次に示します。

オプション 1: 完了したタスクと完了していないタスクを区別する方法が必要な場合は、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;
}

次に、イベント オブジェクトの「className」フィールドを「completed-task」に設定するだけです。これは、サーバーまたは JavaScript で行うことができます。

オプション 2: 背景画像を表示するだけでなく、より複雑なものが必要な場合は、fullcalendar が提供する「eventRender」または「eventAfterRender」コールバックを使用して、イベント オブジェクトの DOM 要素を任意の方法で操作できます (チェックボックスの追加を含む)。