Question

解决

嗨，我有一个输入字段，它应该向mysql发送一个值，我想设置最大值和最小值来预测用户可以选择的日期范围。

此输入是日期时间 - 本地字段，因为我希望他也选择时间。

我知道如何设置日期，但无法让它工作。也许我想念一件事？

这是我的fiddle

  <label>This is datetime-local</label>

<input type='datetime-local' min='2017-06-14 00:00:00' max='2017-06-16 00:00:00'>

  <label>This is date</label>

<input type='date' name="date" min="2017-06-14" max="2017-06-16">

Answer 1

最小值和最大值的示例

<input
    type="datetime-local"
    className="form-control mt-2"
    name="start_date"
    min="2011-02-20T20:20"
    max="2031-02-20T20:20"
/>

Answer 2

尽管声明了 here，但我也让它工作了增加秒数，例如 yyyy-MM-ddThh:mm:ss

<input type="datetime-local" id="start-date" min="2021-06-07T14:47:57" />

我需要最小输入为“今天”，所以对于 JS：

let dateInput = document.getElementById("start-date");
dateInput.min = new Date().toISOString().split(".")[0];

然后日历不会让您通过那个最小日期。您可以为 max 属性应用相同的代码。

如何为type ='datetime-local'设置输入的最小值和最大值？

2 个答案: