Question

有没有办法为Datetime-local元素设置时间限制。例如，能够在上午8:00到上午18:00之间进行预订，并且只能在DateTime-local中进行选择。这也是我的HTML代码，如果有帮助的话：

<h1 id="header">Bookings Creation</h1>
    <form action="booking.php" method="post">           
        First Name: <input type="text" name="FirstName" /><br />
        Last Name: <input type="text" name="LastName" /> <br />
        Date And Time From: <input type="datetime-local" name="DateAndTimeFrom"/><br />
        Date And Time From: <input type="datetime-local" name="DateAndTimeTo"/><br />
        Booking Type: <select name="BookingType"> <br />
            <option value="0">Single</option>
            <option value="1">Group</option>
            <option value="2">Tournament</option>
        </select>
        <br/>
        <input type="submit" id="button" />
    </form>

Answer 1

当我检查datetime-local不能使用这些属性时，但是您可以使用min和max时间输入属性：

<input type="time" min="08:00:00" max="18:00:00"/>

Answer 2

现在您可以使用 min 和 max 属性为这些输入类型设置限制，如here所述：

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

HTML - 有没有办法为Datetime-local元素设置时间限制？

2 个答案: