Проблема ввода времени в HTML с Chrome при наборе текста

Question

Надеюсь, я найду решение для этого.У меня есть следующий HTML-тег для проекта angularjs, который должен помочь выбрать время.

<input class="input-time" type='time' ng-model="dr.startTime">

Время показывается в формате AM / PM, с которым у меня все в порядке.Проблема в том, что я пытаюсь набрать час: 12 , но если вы недостаточно быстры (например, мгновенный щелчок 1 + 2), он меняет только вторую цифру времени.Иногда, даже когда я делаю это очень быстро, отображается вторая цифра.Пожалуйста, помогите обойти это.

Answer 1

Кажется, что не существует какой-либо известной проблемы с time input в последних версиях Chrome:

https://caniuse.com/#feat=input-datetime

Вы можете проверить в следующем сниппете кода.У меня все нормально работает.

<input class="input-time" type='time' ng-model="dr.startTime">

Единственный случай, когда это происходит, если вы нажимаете кнопку со стрелкой, а затем вводите число.В этом случае, поскольку число уже есть, вы вводите только второе, поэтому после его ввода курсор переходит в поле минут.