时间戳

首页 > 解决方案 > html 类型时间的最小值不起作用

html - html 类型时间的最小值不起作用

问题描述

我试图在 Html 输入时间类型中给出最小值。但不影响结果。我也尝试过，但结果没有改变。如何在不使用任何外部库的情况下在 Html 中执行此操作？PS：我正在使用反应 js。这个输入类型在 jsx 里面

<input
 onChange={e => setOptionHour2(e.target.value)} 
 defaultValue={props.min} 
 min={"2021-01-07T15:00:00"} //{props.min}
 type="time"
 id="appt2"
 name="appt"/>

标签： htmlcssreactjstimemomentjs

解决方案

html 输入验证仅在提交按钮上有效/激活。输入将始终让用户编写、选择或选择他想要的任何内容。如果未正确填写输入，表单操作将被阻止，并且将显示开箱即用的提示工具。

如果您指的是时间输入验证无法正常工作，则 mdn 文档指出您应该使用 24 小时时间格式来限制输入可以花费的时间。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time

<input type="time" id="appt" name="appt"
       min="09:00" max="18:00" required>

推荐阅读