入力タイプ="date" の形式を変更する方法はありますか? 質問する

入力タイプ=

デフォルトでは、入力には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/201930-01-2019

Internet Explorer 9、10、および 11 では、ワイヤ形式のテキスト入力フィールドが表示されます。

モバイルデバイス

特に Android 版 Chrome の場合、フォーマットは Android の表示言語に基づいています。他のブラウザでも同じことが当てはまると思われますが、確認できていません。

おすすめ記事