React JSX 将最小日期时间添加到 datetime-local 输入

Posted 2023-03-30

【中文标题】React JSX 将最小日期时间添加到 datetime-local 输入

【英文标题】：React JSX add min date time to datetime-local input

【发布时间】：2021-05-06 17:20:46

【问题描述】：

我正在使用 React 和 JSX 返回一个类型为“datetime-local”的输入字段。我希望最小值是我们今天与当前时间的日期。不过我不知道怎么写。

我尝试了什么：

<input min = new Date().toLocaleString()  id = "date" type = "datetime-local"/>

当我选择 datetime 时，它​​不起作用并且没有设置最小值。

【参考方案1】：

min、max 值需要以下格式：yyyy-MM-ddThh:mm。

new Date().toISOString() 返回一个始终为 24 或 27 个字符长的字符串（分别为 YYYY-MM-DDTHH:mm:ss.sssZ 或 ±YYYYYY-MM-DDTHH:mm:ss.sssZ。

然后我们可以使用字符串操作方法来获得我们想要的格式，没有秒和毫秒位:ss.sssZ，例如使用String.slice()：

 <input 
       min=new Date().toISOString().slice(0, -8)
       id="date" type="datetime-local" />

【讨论】：

谢谢先生！