Компонент Timepicker не работает в Safari - PullRequest
Новая
       17

Компонент Timepicker не работает в Safari

0 голосов
/ 19 октября 2018

Я сделал свой собственный компонент Timepicker.Это работает довольно хорошо, я думаю.Но у меня проблема с Safari.Это означает, что я не могу щелкнуть (фокус с помощью мыши) на входе, ответственном за значение минут.Я мог бы сфокусировать это поле, когда фокус inputHours и я нажимаю TAB.Это мой HTML-файл: 

<div class="timepicker-div">
<input
    autocomplete="off"
    class="timepicker-number-hours"
    #inputHours
    max="12"
    min="1"
    type="number"
    (blur)="setValueOnBlur()"
    (change)="restoreHour(inputHours)"
    (click)="inputHours.select()"
    (keydown)="disableLeftRightArrowKeys($event)"
    (keypress)="checkHours(inputHours, $event)"
    (paste)="$event.preventDefault()"/>
<span>:</span>
<input
    autocomplete="off"
    class="timepicker-number-minutes"
    #inputMinutes
    max="59"
    min="0"
    type="number"
    (blur)="setValueOnBlur()"
    (change)="parseMinutes(inputMinutes)"
    (click)="inputMinutes.select()"
    (keydown)="disableLeftRightArrowKeys($event)"
    (keypress)="checkMinutes(inputMinutes, $event)"
    (paste)="$event.preventDefault()"/>
<input
    class="timepicker-meridian"
    #inputMeridian
    readonly
    type="text"
    (blur)="setValueOnBlur()"
    (click)="changeMeridianValue(inputMeridian)"/>
<i class="icon-clock"></i></div>

Знаете ли вы, что я могу сделать, чтобы сфокусировать этот ввод в минутах на клике?Я пытался getElementById ('id'). Focus (), inputMinutes.focus (), но у меня ничего не работает?

...