Datumsfelder, die falsch auf dem iPhone angezeigt werden

Question

Auf der Registerkarte Unterkunft von this page gibt es einige Datumsfelder, die this datepicker verwenden. Alles funktioniert gut auf einem Desktop-Browser, aber wenn die Seite auf einem iPhone gesehen wird die Termine sind unter den Feldern angezeigt:

übrigens habe ich versucht, aus den aktuellen (veraltet) Datepicker zu this newer version aktualisieren, aber es hat nicht geklappt.

Answer 1

Try CSS:

#booking label { width: 100% } 

oder so ähnlich mit Breitenparameter oder vielleicht:

#booking label { display: block; } 

Answer 2

sah ich ein wenig durch den Code und ich fand heraus, dass eine Erklärung in einer der CSS beinhaltet, was das Problem verursacht. Sie scheinen alle Stil zu verschmelzen, damit ich weiß nicht genau, in dem man es (datepicker.css?), Jedenfalls die Erklärung

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

Ist das, was das Problem verursacht. Ich weiß nicht genau den Zweck davon im großen Schema, aber nur die Deklaration zu löschen, oder den display Typ von inline-block zu block zu ändern, macht alles in Ordnung.

Versuchen zu untersuchen, von dort ausgehend, die Vermeidung der Stil für andere Browser bereits arbeiten und verstehen die Bedeutung dieser inline-block zu brechen, da sie in beiden .datepicker:before und .datepicker:after vorhanden sind

Answer 3

Statt einen Dritten der Verwendung picker, es ist möglich, da iOS 5 auf eine native Datepicker picker~~POS=HEADCOMP zu verwenden:

<input type="date"> 

es ist auch zu check if the browser supports input type="date" möglich ist. Sie können die native Lösung des Browsers verwenden, falls verfügbar, und den Datapicker von Drittanbietern als Fallback verwenden.