React JSX 将最小日期时间添加到日期时间本地输入

Question

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

我尝试过的：

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

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

Answer 1

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

\n

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

\n

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

\n

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

\n

\n