datetimeだとpickerにならないんだけど？

inputで日付だけではなく時間も一括で指定したい時のtypeの指定方法。
結論から言うとtypeにdatetime-localを指定するだけなのだけど、localというワードがしっくりこなくて戸惑った。

ちなみに、type="datetime"はChrome, FirefoxやInternet Explorerでは対応していない。紛らわしい。
datetimeはHTMLのスタンダードから外れ、datetime-localを使うようになったとのこと。

目的別にinputのtypeについて列挙してみる

HTMLに備わっているのは以下の5つ。
Bootstrapのdatepickerなど外部のdatepickerを使えば表現の幅は増えるけど、この5つを使えればひとまず困ることはないはず。

datetime-local

<input type="datetime-local">

日付、時間を選択する:

date

<input type="date">

日付を選択する:

month

<input type="month">

年月だけ選択する:

week

<input type="week">

その年の第何週目か指定できる:

time

<input type="time">

時間だけ選択する:

この記事をスマホで見てみると分かるが、スマホでは自動で表示が切り替わる。
どこまでも便利。