Настройка datetime-local

Question

Хочу сделать в форму, в которой можно записаться на прием Добавил datetime-local но не могу понять как установить текущую дату в часовом поясе Москва и как сделать возможный выбор по времени не через каждую минуту, а каждые 30 минут, через step не получается:

$(document).ready(function() {
  elem = document.getElementById("bookingTime")
  var iso = new Date().toISOString().split('.')[0] + 'Z';
  var minDate = iso.substring(0, iso.length - 4);
  elem.value = minDate
  elem.min = minDate
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="form">
  <h3 class="form__title">Выберите удобное время для записи</h3>
  <input type="text" name="client" id="client" placeholder="Ваше имя">
  <input type="text" name="phone" id="client" placeholder="Номер телефона">
  <input type="datetime-local" id="bookingTime" name="meeting-time" step="1800">
  <select class="form__select" name="client" id="client">
    <option value="1">Маникюр / 1500 р.</option>
    <option value="2">Ремонт / 2500 р.</option>
    <option value="3">Дизайн / 2800 р.</option>
    <option value="4">Снятие / 4600 р.</option>
  </select>
  <button class="form__btn" type="submit">Записаться</button>
</form>

БЛОГ НА HUSL

Настройка datetime-local

Ответы (0 шт):