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

【问题标题】：Min value for html type time does not workhtml 类型时间的最小值不起作用
【发布时间】：2021-01-07 23:21:31
【问题描述】：

我试图在 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"/>

【问题讨论】：

标签： html css reactjs time momentjs

【解决方案1】：

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>

【讨论】：