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

Question

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

我尝试了什么：

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

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

标签： javascripthtmlreactjsdatetimeinput

Answer 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" />