当用户手动输入值时，JavaScript date-time max/min不起作用

Question

我目前使用的是date-time内置的JavaScript。然而，最大/最小约束似乎仅在用户使用图形箭头更改值时才适用。例如，如果我使用箭头更改此代码中的日期，并尝试增加超过06-14的日期，它将自动重置为06-07。但是，如果我使用键盘手动设置日期，我可以将其设置为任何数字，而不考虑最大/最小值(即，如果我键入1，则可以将日期设置为06-01 )。有没有办法解决这个问题？

​

    <label for="meeting-time">Choose a time for your appointment: </label>

    <input type="datetime-local" id="meeting-time"
       name="meeting-time" value="2018-06-12T19:30"
       min="2018-06-07T00:00" max="2018-06-14T00:00">

​

Answer 1

所有html5验证都适用于提交时的表单。如果您想自己验证，请在提交回调函数上申请。在表单中使用novalidate属性

​

 <form action="#">
    <label for="meeting-time">Choose a time for your appointment: </label>

    <input type="datetime-local" id="meeting-time"
       name="meeting-time" value="2018-06-12T19:30"
       min="2018-06-07T00:00" max="2018-06-14T00:00">
       <button type="submit">Submit</button>
  </form>

​

Answer 2

您需要首先将手动输入转换为js Datetime对象。

const yourDate = new Date(*userinput*);