fullcalendar time format

Question

Guten Nachmittag, ich weiß, dass dieses Thema schon vorher besprochen wurde, trotzdem kann ich trotz der verschiedenen Threads mein Problem nicht lösen. Ich benutze den vollen Kalender, der unter http://arshaw.com/fullcalendar/ zur Verfügung gestellt wird, und sie haben zwei Möglichkeiten, die Zeit anzuzeigen, zum Beispiel "10: 30a" - "7p". Ich möchte, dass die Zeit im Kalender der Ereignisse angezeigt wird, die nicht ganz Tag sind, im Format "12:00 Uhr" oder "12:00 Uhr". Das Problem, das ich habe, ist, wenn Sie den Vollkalender herunterladen, haben Sie mehrere Dateien:

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

Ich habe versucht, was andere Threads vorschlagen, das ist eine Änderung in der fullcalendar.js zum Zeitpunkt Format und setdefault Methoden, aber ohne Erfolg. Ich kann sogar die Datei "fullcalendar.js" löschen und mein Test funktioniert immer noch einwandfrei. Ich möchte wissen, warum ist das und wenn das Zeitformat dort nicht verwaltet wird, wo wird es verwaltet? Danke

Answer 1

fullcalendar können Sie die Standardzeiten ändern, indem Sie das Zeitformat (http://arshaw.com/fullcalendar/docs/text/timeFormat/) einstellen. Wahrscheinlich besser als den Quellcode zu ändern.

Ich denke, der Grund, warum Ihre Lösung nicht funktioniert, ist, weil Sie fullcalendar.js und fullcalendar.min.js einschließen. Diese Dateien enthalten den gleichen Code, der zweite ist eine verkleinerte Version des ersten. Minimierte Dateien werden normalerweise in bereitgestellten Versionen von Websites verwendet, während die andere Version in der Entwicklung verwendet wird. Also, wenn Sie Änderungen auf die minimierte Version

Answer 2

beinhalten nicht machen möchten, können Sie diese verwenden:

axisFormat: 'h:mm a' 

Answer 3

Zuerst Ich glaube, Sie mit so vielen Dateien verwirrt sind, aber im Grunde brauchen Sie nur noch die minimierte von das Javascript und CSS, damit es funktioniert.

Zweitens hatte ich das gleiche Problem, wenn die Uhrzeit korrekt angezeigt wurde. Dies ist, was ich getan habe, es ist ein bisschen Workaround, aber es hat für mich funktioniert, sorry, wenn es schmutzig ist.

Wenn Sie den Kalender initialisieren, müssen Sie die Option für das Zeitformat festlegen, damit die Minuten angezeigt werden, auch wenn die Stunden gerundet sind.

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

wurde erscheint dann nur die „a“ oder „p“ nicht „am“ oder „pm“ so habe ich ein wenig CSS Magie den „m“ am Ende hinzuzufügen, habe ich die Regel:

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

jetzt könnten Sie verwirren mit der Wochenansicht, so dass Sie fügen die Regel

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

Und nun hoffentlich haben Sie es, wie Sie wollen.

Grüße

Answer 4

verwenden und es geht zu arbeiten:

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

Answer 5

Wenn Sie timelineDay Ansicht verwenden, fand ich heraus, dass diese Einstellung wird das Zeitformat ändern:

slotLabelFormat:"HH:mm" 

Answer 6

In Ihrem scheduler.fullcalendar.js Datei sucht die Ereignisse: [], und darunter diese Zeile Zeitformat hinzu: ‚hh: mm A‘, wird es Zeit, wie diese 10.20 zeigen und wenn u Zeit wie dieser zeigen wollen 22.20 verwenden kleine ein

Answer 7

in fullcalendar v3, verwenden sie moment.js Zeit zu formatieren, Sie mit formatieren können, Zeitformat: 'h: mm A', können Sie Wechsel zwischen Angebot mit Eingabe in diesem moment js docs page