Я пытаюсь ввести код JavaScript, чтобы отключить определенные значения раскрывающегося списка, которые являются временем бронирования. В случае, когда пользователь выбирает сегодняшнюю дату в средстве выбора даты, я хочу отключить выбор следующих двух часов (и любых предшествующих временных интервалов). Это может помешать пользователю забронировать столик за 2 часа.
У меня есть некоторые логики c относительно правильного дня, но логин c относительно времени мне сложно, так как я новичок в программировании / JavaScript.
Это то, что у меня есть: https://codepen.io/joelklease/pen/gOpXQzz
В частности, код:
// add event listener on date field
const dateField = document.getElementById("dateField");
const timeField = document.getElementById("timeField");
dateField.addEventListener("input", disableTimes);
// run function on field change
function disableTimes() {
let dateFieldValue = dateField.value;
// if selected date is today's date, add 2 hrs & disable
if (dateFieldValue == dMY) {
timeField.options[2].disabled = true;
}
}
Например, если пользователь выбирает сегодняшний день в качестве даты, а сейчас 16:00, отключите все время до 18:00 в раскрывающемся списке.
Спасибо за любую помощь, и, пожалуйста, go easy на меня, как я новичок в этом:).