Как отключить / отключить определенный час в форме времени HTML

Question

У меня есть форма бронирования, и я хочу отключить / отключить те часы / время, которые уже выбраны клиентами.

Так что следующий человек закажет другое время.Я не совсем уверен, как этого добиться.Я видел пример отключения временного диапазона, но я не знаю, как связать его с этой формой и заставить его работать.Я не нашел никаких других полезных ресурсов для решения этой проблемы.

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

Answer 1

К сожалению, это не является частью <input type="time"> API.Вы можете установить один min= и max= для каждого временного элемента, но это более или менее.

Однако вы можете использовать setCustomValidity() API , чтобы добавитьсообщение об ошибке, в котором говорится, что выбранное вами время уже зарезервировано, если пользователь пытается это сделать.

(Однако не забудьте проверить запись пользователя также на стороне сервера. :))