INPUT>Dateタグを手入力したい

Question

Inputタグを使って typeをDateにしています。
カレンダーから日付を入力した方が楽と思ったのですが、意外と
手入力の方が早いという意見があり、今のtype date出て入力をすると
「年」のところに「月」まで入力してしまします。

（例）
2018/09/04と手入力すると「201809/04」となる。

Inputタグにminを入れてもこの入力になります。
「年」に6桁入力すると自動的に「月」欄にカーソルが行くので
何とか使いたいと思っているのですが、どうしてもうまくいきません。
timeはうまく、時間と分に分かれて入力できます。

どうにか、「年」「月」「日」の順で手入力できないでしょうか？

よろしくお願いいたします。

Answer 1

Inputタグにminを入れてもこの入力になります。

maxでは？

<input type="date" max="9999-12-31" />

Comments

[YosiyukiUsijima]

コメントありがとうございました。
maxを指定しても、「201809」と9999を突き抜けました。
残念です。

[x_x]

手元のChromeではうまくいったのですが、実装によるでしょうね

[YosiyukiUsijima]

本当ですね。Chromeではきちんと動作します。
ブラウザの違いが出てしまったのですね。FireFoxではだめでした。
Operaもうまくいくようです。ちょっと検討します。
ありがとうございました。

Answer 2

原始的ですが、「002018」と入れれば6桁で枠が埋まって次に進みます。

…とはいえ、使いづらいですね。

Comments

[YosiyukiUsijima]

コメントありがとうございます。
そうなんです。頭に「00」を入れてやれば直なんですが、
先ほど、提案してみたら「使いづらい」という回答が来ました。