【HTML Living Standard】datetime-local属性値の使い方
datetime-local属性値の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
datetime-local定数は、HTMLの<input>要素のtype属性に指定する値です。この定数を設定すると、Webブラウザはユーザーが日付と時刻の両方を直感的に選択できる専用の入力UIを提供します。カレンダーや時計のようなウィジェットを通じて、年、月、日、時、分などを容易に入力でき、手動入力の手間を省くことができます。
datetime-localで扱われる日時は、タイムゾーン情報を含まないローカルな日時です。フォームが送信される際には、選択された値はYYYY-MM-DDThh:mm形式（例: 2023-10-27T10:30）の文字列として渡されます。サーバーサイドで日時を処理する際は、それがどのタイムゾーンに属するのかを開発者が別途考慮することが重要です。
min属性とmax属性を使用することで、入力可能な日時範囲を制限できます。これは、Webアプリケーションでユーザーに日付と時刻の両方を効率的に入力させたい場合に有用な定数です。
公式リファレンス: <input type="datetime-local">
構文(syntax)
1<input type="datetime-local" value="YYYY-MM-DDTHH:MM">
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません