iPhoneで日付フィールドが正しく表示されない

Question

this pageの「宿泊施設」タブには、this datepickerを使用する2つの日付フィールドがあります。すべてはデスクトップブラウザ上で正常に動作しますが、ページをiPhone上で見たときに日付がフィールドの下に表示されています。ちなみに

、私はthis newer versionに現在の（非推奨）日付ピッカーからアップグレードしようとしたが、それはうまくいかなかった。

Answer 1

するTry CSS：幅パラメータ または多分と

#booking label { width: 100% } 

またはそのような何か：

#booking label { display: block; } 

Answer 2

私は、コードを少し見て、私は、のいずれかで宣言ことが判明含まれているCSSが問題の原因です。あなたは、私は1つがそれである正確になるかわからないので、すべてのあなたのスタイルをマージするように見える（datepicker.css？）、とにかく、宣言

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

が問題を引き起こしているものです。私は壮大な計画でそれの目的を正確にはわかりませんが、宣言を削除するか、のタイプをinline-blockからblockに変更するだけで、すべてすべて正常になります。すでに取り組んで他のブラウザのスタイルを破るために避けて、そこから始まる調査し、彼らは.datepicker:beforeと.datepicker:after

Answer 3

代わりのサードパーティを使用して、両方に存在しているので、それらのinline-blockの意味を理解するために

てみてくださいそれはcheck if the browser supports input type="date"することも可能である

<input type="date"> 

：日付ピッカー、iOS 5は、ネイティブの日付ピッカーを使用するので、可能です。利用可能であれば、ブラウザのネイティブソリューションを使用して、サードパーティのdatepickerをフォールバックとして使用する方法があります。