質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

解決済

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

tokotaku
tokotaku

総合スコア59

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

1回答

0リアクション

0クリップ

286閲覧

投稿2022/06/14 07:59

編集2022/06/14 23:41

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

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

HTML

<html lang="ja"> <script type="text/javascript"> function fnTest() { document.F1.submit(); submitbtn.click(); } </script> <form name="F1" class="testForm" id="TestForm" action="./test2.php" method="post"> <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><br> </form> <input class="sendBtn" id="SendBtn" type="button" value="送信" onclick="fnTest()"> </html>

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

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。