inputのtype=”date”で年が6桁入ってしまう

投稿者: | 2017年8月23日

HTML5ではINPUTでtype=”date”というものがあり、自動的に日付の入力ができて非常に便利です。
(FireFoxはなぜかサポートしていないですが)

<input type="date">

次のように表示されます。

しかし、このままでは年に何故か6桁入ってしまいます。
これを解消するためには、最小値と最大値を指定します。

<input type="date" min="1900-01-01" max="2100-12-31">

次のように見た目は変わりませんが、年には4桁しか入らなくなっています。

6桁入ってしまうのは「AD2017」とかを想定してるのでしょうかね・・・?