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

Question

このページの [宿泊施設] タブには、この日付ピッカーを使用する日付フィールドがいくつかあります。デスクトップ ブラウザではすべて正常に動作しますが、ページを iPhone で表示すると、フィールドの下に日付が表示されます。

ちなみに、現在の（非推奨の）datepicker からこの新しいバージョンにアップグレードしようとしましたが、うまくいきませんでした。

Answer 1

CSS を試す:

#booking label { width: 100% }

または幅パラメーターを使用したそのようなもの、または多分:

#booking label { display: block; }

Answer 2

サードパーティの日付ピッカーを使用する代わりに、iOS 5 以降ではネイ​​ティブの日付ピッカーを使用できます。

<input type="date">

また、ブラウザが をサポートしているかどうかinput type="date"を確認することもできます。利用可能な場合は、ブラウザーのネイティブ ソリューションを使用して、サード パーティの日付ピッカーをフォールバックとして使用できます。