Specifi c Интервал времени пользователем

Question

При использовании start_time и end_time в файле HTML для приложения django. Я использовал метку времени следующим образом:

<div>Start Time <input type="time" min="" max="" id="" name="start_time"></div>

<div>End Time <input type="time" min="" max="" id="" name="end_time"></div>

Но ограничение здесь - пользователь будет указывать время, варьирующееся от 5:00 AM to 4:59 AM.

Итак, кто-нибудь может подсказать, какие значения нам нужно иметь как минимальные и максимальные для start_time и end_time в тегах. Любой другой обходной путь также приветствуется.

Answer 1

Это проблема, с которой вы можете столкнуться, когда устанавливаете ограничения вручную.

Подумайте об использовании Bootstrap Time Picker, таким образом, ограничения будут учтены.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="col-md-6">
    <div class="md-form md-outline input-with-post-icon timepicker" darktheme="true">
      <input type="text" id="dark-version-example" class="form-control" placeholder="Select time">
      <label for="dark-version-example">Dark version, 24 hours</label>
      <i class="fas fa-envelope  input-prefix"></i>
    </div>
  </div>
</div>

См. Пример из здесь

Если вы хотите определить магазин, который был открыт с 8:30 до 8: 30 вечера с 30 минутами, например, это будет выглядеть следующим образом:

$('.event_date').datetimepicker({
    disabledTimeIntervals: [
      [moment().hour(0).minutes(0), moment().hour(8).minutes(30)],
      [moment().hour(20).minutes(30), moment().hour(24).minutes(0)]
   ]
});