Pola daty wyświetlane niepoprawnie na iPhonie

Question

W zakładce Zakwaterowanie this page znajduje się kilka pól daty, które używają this datepicker. Wszystko działa poprawnie w przeglądarce na komputerze, ale gdy strona jest postrzegana na iPhone terminy są przedstawione poniżej dziedzinach:

notabene Próbowałem aktualizujących z obecnym (przestarzałe) datepicker do this newer version, ale to się nie udało.

Answer 1

Spróbuj CSS:

#booking label { width: 100% } 

czy coś takiego o szerokości parametru czy może:

#booking label { display: block; } 

Answer 2

Rozejrzałem się trochę przez kod i okazało się, że deklaracja w jednym z Dołączone css to przyczyna problemu. Wydaje się, połączyć wszystkie swoje styl więc nie wiem dokładnie, w którym jeden jest (datepicker.css?), W każdym razie, deklaracja

.datepicker:before{content:''; display:inline-block;} 

jest to, co jest przyczyną problemu. Nie wiem dokładnie, jaki jest cel tego wielkiego schematu, ale po prostu usunięcie deklaracji lub zmiana typu display z inline-block na block powoduje, że wszystko jest w porządku.

Spróbuj zbadać wychodząc stamtąd, unikając przełamać styl dla innych przeglądarek już działa, i zrozumieć sens tych inline-block, ponieważ są one obecne zarówno .datepicker:before i .datepicker:after

Answer 3

Zamiast używania osobie trzeciej datepicker, jest to możliwe, ponieważ iOS 5 w użyciu natywnego datepicker:

<input type="date"> 

jest również możliwe check if the browser supports input type="date". Możesz skorzystać z natywnego rozwiązania przeglądarki, jeśli jest dostępne, i korzystać z datepika strony trzeciej jako zastępczego.