[HTML] input type の datetime-local は扱いづらい

年月日と時分まで一つの入力欄でサポートされる、datetime-local は扱いづらい点があります。local という名のとおり、ローカルタイムゾーンに対応しています。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/datetime-local

取得される値は 2023-03-01T12:00 といった形になっています。ここにタイムゾーンの値は入っておらず、個別に処理を行う必要があります。結果として、日付(date)と時刻(time)を別に用意した方が良かったという結果になってしまうかもしれません。

datetime-local 入力型はコントロールのタイムゾーンやロケールを設定する方法がありません。これは datetime 入力型では利用できましたが、この入力型は廃止され、仕様書から削除されました。削除された主な理由はブラウザーの互換性がなく、ユーザーインターフェイスや使い勝手が決まっていなかったからです。単に日付と時刻を設定するコントロールを用意して、別なコントロールで地域を設定したほうが簡単です。

https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/datetime-local

制約がないかぎり、日時の入力フォームや処理は、各種ライブラリの利用をオススメします。

HTML/CSSHTML

Posted by kidatti