Атрибут «шаг» html больше не работает?

Question

Итак, я работаю над этим Angularjs проектом, используя в основном материалы. Мне нужно настроить таймер, поэтому я использую элемент управления вводом с типом = время. Проблема в том, что мне нужно настроить этот элемент управления, чтобы пользователь мог выбирать время только в диапазоне 30 минут. Например, 11:30 или 11:00 - допустимое время; 11:12 - нет.

Если я правильно помню, можно использовать атрибут «шаг», чтобы пропустить минуты по мере необходимости, но, похоже, он больше не работает. Например, я установил атрибут шага на 3600, но я все еще могу выбрать любую минуту на часах.

How can I fix this?

Here is the part of the input code:

 Hora Inicio Cita:  

Answer 1

При вводе 1800 шаг будет 30 минут. Это должно работать.

<input type="time" id="appt" name="appt"
       min="09:00" max="18:00" step="1800" required>

Другой вариант - использовать Kendo UI api для Angular. Вам нужно только установить атрибуты.