htmlのdatetime-localの入力上限と下限が設定されない

HTMLで日時入力にdatetime-localを利用しているのですが、入力の上限と下限が設定できません。
カレンダーからの選択では制限されているのですが、直接入力すると入力できてしまいます。

直接入力時は送信時に個別でエラー対応するしかないのでしょうか?

HTML

<div id="DateTime"> <label id="DateTimeLabel" for="SetDay">日時</label><br> <input type="datetime-local" name="setDay" id="SetDay" min="2017-06-01T08:30" max="2100-06-01T08:30" required> </div>

上記のコードの場合、カレンダーからであれば2017年以前と2100年以降は選択できないのですが、
例えば入力で全部1を入力すると1111年11月11日11時11分が入力できて送信できてしまいます。

コメントを投稿

0 コメント