デフォルトでは、入力にはtype="date"
日付が として表示されますYYYY-MM-DD
。
問題は、次のような形式に強制することが可能かどうかですDD-MM-YYYY
。
ベストアンサー1
フォーマットを変更することは不可能です
有線形式とブラウザの表示形式を区別する必要があります。
ワイヤーフォーマット
のHTML5 日付入力仕様を参照RFC 3339 仕様は、完全な日付形式を指定しますyyyy-mm-dd
。これは、 に相当します。セクション5.6詳細については、RFC 3339 仕様を参照してください。
この形式は HTML 属性と DOM プロパティによって使用されvalue
、通常のフォーム送信時に使用されます。
プレゼンテーション形式
ブラウザは日付入力の表示方法に制限がありません。執筆時点では、Chrome、Edge、Firefox、Operaが日付をサポートしています(ここ)。これらはすべて日付ピッカーを表示し、入力フィールドのテキストをフォーマットします。
デスクトップデバイス
Chrome、Firefox、Opera の場合、入力フィールドのテキストの書式設定はブラウザの言語設定に基づきます。Edge の場合、Windows の言語設定に基づきます。残念ながら、すべての Web ブラウザは、オペレーティング システムで構成された日付の書式設定を無視します。私にとってこれは非常に奇妙な動作であり、この入力タイプを使用するときに考慮すべき点です。たとえば、オペレーティング システムまたはブラウザの言語が に設定されているオランダのユーザーには、慣れ親しんだ形式ではなくen-us
が表示されます。01/30/2019
30-01-2019
Internet Explorer 9、10、および 11 では、ワイヤ形式のテキスト入力フィールドが表示されます。
モバイルデバイス
特に Android 版 Chrome の場合、フォーマットは Android の表示言語に基づいています。他のブラウザでも同じことが当てはまると思われますが、確認できていません。