formato orario fullcalendar

Question

Buon pomeriggio, so che questo argomento è stato discusso in precedenti occasioni, tuttavia nonostante i diversi thread non riesco ancora a risolvere il mio problema. Sto utilizzando il calendario completo fornito allo http://arshaw.com/fullcalendar/ e hanno due modi di visualizzare l'ora, "10: 30a" - "7p", ad esempio. Voglio che l'ora visualizzata sul calendario degli eventi che non sono tutto il giorno, in un formato "12:00 pm" o "12:00 am". Il problema che sto avendo è che quando scarichi il fullcalendar hai diversi file:

fullcalendar.js, fullcalendar.css, fullcalendar.min.js, fullcalendar.print.css, gcal.js, jquery-1.9. 1.min, jquery-ui-1.10.2.custom.min

Ho provato quello che suggeriscono altri thread, che è una modifica nel file fullcalendar.js nel formato orario e nei metodi setdefault, ma senza alcun risultato. Posso anche cancellare il file "fullcalendar.js" e il mio test funziona ancora bene. Voglio sapere perché è questo e se il formato dell'ora non è gestito lì, dove è gestito? Grazie

Answer 1

fullcalendar consente di modificare i tempi predefiniti impostando il formato dell'ora (http://arshaw.com/fullcalendar/docs/text/timeFormat/). Probabilmente è meglio che cambiare il codice sorgente.

Penso che il motivo per cui la soluzione non funziona è perché si includono fullcalendar.js e fullcalendar.min.js. Questi file contengono lo stesso codice, il secondo è una versione ridotta del primo. I file minimizzati vengono in genere utilizzati nelle versioni distribuite dei siti mentre l'altra versione viene utilizzata durante lo sviluppo. Quindi, se si desidera apportare modifiche non includono la versione minified

Answer 2

È possibile utilizzare questo:

axisFormat: 'h:mm a' 

Answer 3

In primo luogo credo che si sono confusi con così tanti file, ma in fondo avete bisogno del bisogno solo l'minified di il javascript e css per farlo funzionare.

In secondo luogo, ho avuto lo stesso problema quando si visualizza l'ora correttamente. Questo è quello che ho fatto, è un po 'di soluzione, ma ha funzionato per me, mi dispiace se è sporco.

Quando si inizializza il calendario, è necessario impostare l'opzione per il timeformat in modo che mostri i minuti anche se le sue ore arrotondate.

jQuery('#calendar').fullCalendar({ timeFormat: 'h:mm t' }); 

Poi è stato presente solo la "a" o "p" non "am" o "pm" così ho usato un po 'di magia CSS per aggiungere la "m", alla fine, ho creato il regola:

.fc-time:after { content: "m"; } 

ora si potrebbe rovinare con la vista settimana in modo da aggiungere la regola

.fc-axis.fc-time:after { content: " "; } 

E ora si spera lo avete nel modo desiderato.

saluti

Answer 4

Utilizzare questa e sta andando a lavorare:

$('#calendar').fullCalendar({ 
timeFormat: 'hh:mm a' 
}); 

Answer 5

Se si utilizza la visualizzazione timelineDay, ho scoperto che questa impostazione cambierà il formato dell'ora:

slotLabelFormat:"HH:mm" 

Answer 6

Nel tuo scheduler.fullcalendar.sguardo js file per i eventi: [], e sotto di esso aggiungere questa linea timeformat: 'hh: mm A', mostrerà momento come questo 22:20 e se u vuole mostrare momento come questo utilizzare 22:20 piccolo un

Answer 7

in fullcalendar v3, usano moment.js formattare tempo, è possibile formattare usando, timeformat: 'h: mm a', si può cambia tra citazione con input in questo moment js docs page