Jquery fullcalendar plugin mit check-box

Frage mich, ob es irgendwelche jquery fullcalendar plugin es unterstützt die check-box neben Ereignis. Ziel ist es nur, um einige Kennzeichnung auf erledigte Aufgabe.

InformationsquelleAutor user1582596 | 2012-08-07
  1. 4

    können Sie Tauchen stets in den code ein.

    Bearbeitet ich "slotSegHtml" - Funktion und hier ist das Ergebnis:

    http://jsfiddle.net/V1tOr/HZjVt/11/

    bemerken, dass das "abgeschlossen" prop an der Veranstaltung:

    {
    title: 'Lunch',
    start: new Date(y, m, d+1, 12, 0),
    end: new Date(y, m, d+1, 14, 0),
    allDay: false,
    completed : true
}
    InformationsquelleAutor V1tOr
  2. 0

    Hier sind zwei Optionen, die nicht mit der Bearbeitung der Quelle des fullcalendar:

    Option 1:
    Wenn Sie gerade nach einem Weg, um zu unterscheiden, erledigte Aufgaben von nicht-erledigte Aufgaben, Sie müssen nicht zum ändern der fullcalendar Quelle. Ich habe Glück gehabt, putting kleine Symbole auf auf fullcalendar Veranstaltungen nur mit 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;
}

    Dann brauchen Sie nur den "className" - Feld auf der event-Objekte "abgeschlossen-Aufgabe". Sie können dies auf dem server oder in JavaScript.

    Option 2:
    Wenn Sie brauchen, um so etwas komplexer als nur display ein Hintergrundbild, können Sie mit der "eventRender" oder "eventAfterRender" Rückrufe, die fullcalendar bietet zur Manipulation der DOM-Elemente der Ereignis-Objekte in einer Weise, die Sie mögen (einschließlich hinzufügen von Checkboxen).

    InformationsquelleAutor bmode
Schreibe einen Kommentar