javascript-如何在HTML时间表单中禁用/禁用特定时间

我有一个预订表格,我想将客户已经选择的那些小时/时间灰显/禁用.

这样,下一个人可以预定不同的时间.我不太确定如何实现这一目标.我已经看到了禁用时间范围示例,但我不知道如何将其链接到此表单并使它工作.我还没有找到其他针对此问题的有用资源.

<div class="form-group">
    <label for="time">Time</label>
    <input type="time" name="time" class="form-control" required>
</div>

最佳答案

不幸的是,这不是< input type =“ time”> API.您可以为每个时间元素设置一个min =和max =,但这或多或少.

但是,您可以利用setCustomValidity() API来添加一条错误消息,说明如果用户尝试了该操作,则所选的特定时间已经保留.

(但是,不要忘记也在服务器端验证用户的输入.:))