2012-06-08 9 views
30

Ich begann einen YearView in fullcalendar (abgeleitet aus dem Grunde ‚Monthview‘, benötigte mehr Veranstaltungen angezeigt werden wie die Schulferien), und ich konnte eine Hand verwenden, wenn jemand bereits mit der Art und Weise Ereignissen in einer Ansicht angezeigt werden.Jahresansicht in Fullcalendar jquery Plugin

  1. Wie kann ich den 'segmentContainer' mit 'BasicEventRenderer' für 'DayEventRenderer' füllen?
  2. Und wann initialisieren ich die Standard-& Enddatum beginnt das aktive Jahr für die Abgrenzung? (Startmonat könnte geändert werden, und es wäre schön, Lage sein, den Höhepunkt zu halten, auf dem aktuellen Monat und den aktuellen Tag).

meine Github Gabel sehen auf https://github.com/Paulmicha/fullcalendar

-> Beispieldatei https://github.com/Paulmicha/fullcalendar/blob/master/tests/year-view-test-01.html


enter image description here

+0

Im nicht in der Lage, die Ereignisse in der Jahresansicht mit dem obigen Code zu erhalten. Bitte helfen Sie dabei !! – Prabhukiran

+0

Gibt es ein aktuelles Update? – Don

+1

Es gibt schon eine Gabel für das Jahr: https://github.com/tpruvot/fullcalendar/releases –

Antwort

9

FullCalendar Dokumentation: http://arshaw.com/fullcalendar/docs/

Lade Veranstaltungen als JSON: http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

Ereignis Render: http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/

Ereignis Beispiel Render:

fc.fullCalendar('renderEvent', { 
    'id': 1, 
    'title': 'Test Event 1', 
    'start': '2009-11-05T13:15:30Z', 
    'end': '2009-11-05T13:30:00Z' 
}); 

Begrenzen Sie die Anzeige der verfügbaren Monate: Fullcalendar limit the display of available months?

+0

Vielen Dank für Ihr Feedback! Ich werde darauf zurückkommen, wenn ich Zeit habe. – Paul

+0

@Paulmicha - konntest du am Ende etwas ausarbeiten? es ist genau das, was ich gesucht habe :) – kneidels

+1

@paul Ich bin nicht in der Lage, die Ereignisse in der Jahresansicht mit dem obigen Code zu bekommen. Bitte helfen Sie dabei !! – Prabhukiran

1

Ich denke, eine Alternative für Ihre Benutzeroberfläche bootstrap-year-calendar sein würde. Es ermöglicht Ihnen, ganze Jahr anzuzeigen und stellen Sie einen/mehrere Werte pro Tag, aber die Werte würden nur auf schweben oder klicken sichtbar sein.

Für mein Bedürfnis, tat es den Trick.

Verwandte Themen