format czasu fullcalendar

Question

Dzień dobry, wiem, że ten temat był omawiany w poprzednich odsłonach, niemniej pomimo różnych wątków wciąż nie mogę rozwiązać mojego problemu. Używam pełnego kalendarza pod numerem http://arshaw.com/fullcalendar/ i mają one dwa sposoby wyświetlania czasu, na przykład "10: 30a" - "7p". Chcę wyświetlać czas w kalendarzu wydarzeń, które nie są pełne, w formacie "12:00" lub "12:00". Problem polegający na tym, że po pobraniu pełnego kalendarza masz kilka plików:

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

Próbowałem, co sugerują inne wątki, co jest zmianą w pliku fullcalendar.js w formacie czasu i metodach setdefault, ale bez skutku. Mogę nawet usunąć plik "fullcalendar.js", a mój test wciąż działa dobrze. Chcę wiedzieć, dlaczego tak jest i jeśli nie jest tam zarządzany format czasu, gdzie jest on zarządzany? Dzięki

Answer 1

fullcalendar pozwala na zmianę domyślnych czasów poprzez ustawienie formatu czasu (http://arshaw.com/fullcalendar/docs/text/timeFormat/). Prawdopodobnie lepsze niż zmiana kodu źródłowego.

Uważam, że powodem, dla którego Twoje rozwiązanie nie działa, jest uwzględnianie plików fullcalendar.js i fullcalendar.min.js. Pliki te zawierają ten sam kod, z których drugi to minified wersja pierwszego. Minimalne pliki są zwykle używane w wdrożonych wersjach witryn, podczas gdy druga wersja jest używana w fazie rozwoju. Więc jeśli chcesz, aby zmiany nie obejmują wersję minified

Answer 2

Można to wykorzystać:

axisFormat: 'h:mm a' 

Answer 3

pierwsze myślę, że jesteś mylić z tak wielu plików, ale w zasadzie muszą potrzebować tylko z minified javascript i css, aby działały.

Po drugie, miałem ten sam problem przy prawidłowym wyświetlaniu czasu. To jest to, co zrobiłem, to trochę obejść, ale zadziałało dla mnie, przepraszam, jeśli to jest brudne.

Po zainicjowaniu kalendarza należy ustawić opcję formatu czasu, aby pokazywała minuty, nawet jeśli jest zaokrąglona.

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

Potem pojawiła się tylko „A” lub „P” nie „am” lub „pm” więc użyłem trochę CSS magii dodać „M” na końcu, ja stworzył zasada:

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

teraz może bałagan z widoku tygodnia więc dodać regułę

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

A teraz mam nadzieję, że masz go tak, jak chcesz.

Pozdrowienia

Answer 4

korzystać z tej i to będzie działać:

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

Answer 5

Jeśli używasz widoku timelineDay, okazało się, że to ustawienie zmienić format czasu:

slotLabelFormat:"HH:mm" 

Answer 6

W twoim scheduler.fullcalendar.Plik js szuka zdarzeń : [], i pod nim dodaj tę linię timeFormat: 'hh: mm A', pokaże czas taki jak ten 10:20 PM i jeśli chcesz pokazać czas podobny do tego używać 22:20 mały

Answer 7

w fullcalendar v3, używają moment.js sformatować czasu można sformatować za pomocą, timeFormat: 'h: mm a', można zmiana między kwotowaniem z wprowadzeniem w tym moment js docs page