HTML5のinput要素では、日付・時刻を簡単に入力できるようにするためのdatetime-local型を使用することができる。

<input type="datetime-local">

ただし、このinput要素にデフォルト値を設定する場合、注意しなければならないことがある。

例えば、デフォルト値を2021-12-04 12:00:00としたい場合、valueへ以下のとおり値を渡したくなるが、このままでは設定した値が反映されない。

<input type="datetime-local" value="2021-12-04 12:00:00">

valueへ設定する値の書式はyyyy-MM-ddThh:mmにする必要があり、日付と時刻の間にTを入れることで、セットした値が正しく反映される。

<input type="datetime-local" value="2021-12-04T12:00:00">