2012-06-08 18 views
30

ho iniziato un YearView in fullcalendar (derivato dalla 'MonthView' di base, necessaria per visualizzare gli eventi più lunghi, come le vacanze scolastiche), e ho potuto usare una mano se qualcuno è già familiarità con gli eventi modo viene visualizzato su una vista.Anno View in Fullcalendar plugin per jQuery

  1. Utilizzando "BasicEventRenderer", come si popola "segmentContainer" per "DayEventRenderer"?
  2. E quando si inizializza la data di inizio predefinita & per la delimitazione dell'anno attivo? (il mese iniziale potrebbe essere cambiato e sarebbe bello poter mantenere l'evidenziazione sul mese corrente e il giorno corrente).

Vedere il mio github forchetta https://github.com/Paulmicha/fullcalendar

- file di esempio> è https://github.com/Paulmicha/fullcalendar/blob/master/tests/year-view-test-01.html


enter image description here

+0

Non riesco a ottenere gli eventi in vista dell'anno con il codice sopra. Per favore aiutatemi a riguardo !! – Prabhukiran

+0

C'è qualche aggiornamento recente? – Don

+1

C'è già un fork per yearview: https://github.com/tpruvot/fullcalendar/releases –

risposta

9

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

Caricamento eventi come JSON: http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

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

Render esempio evento:

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

limitare la visualizzazione di mesi disponibili: Fullcalendar limit the display of available months?

+0

Grazie per il tuo feedback! Ci tornerò ogni volta che avrò un po 'di tempo. – Paul

+0

@Paulmicha - sei riuscito a lavorare qualcosa alla fine per questo? è esattamente quello che stavo cercando :) – kneidels

+1

@paul Im in grado di ottenere gli eventi in vista anno con il codice di cui sopra. Per favore aiutatemi a riguardo !! – Prabhukiran

1

Credo che un'alternativa per l'interfaccia utente sarebbe bootstrap-year-calendar. Ti consente di visualizzare interi anni e inserire uno/più valori al giorno, MA i valori saranno visibili solo al passaggio del mouse o al clic.

Per il mio bisogno, ha funzionato.

Problemi correlati