Flatpickr остановить ввод текста и удалить календарь Iphone по умолчанию - PullRequest
0 голосов
/ 05 декабря 2018

Используя flatpickr для наших календарей, у нас возникают проблемы с Iphone / Ipad.При открытии календаря курсор находится «в» текстовом поле, которое запускает календарь Iphone по умолчанию, как показано ниже.Это работает на 100% на мобильных устройствах Android и Chrome.

знает, как отключить

let config = {
            ...this.minDate ? { minDate: this.minDate.toDate() } : {},
            ...this.maxDate ? { maxDate: this.maxDate.toDate() } : {},
            locale,
            defaultDate: this.date.toDate(),
            dateFormat: DATE_FORMAT,
            disableMobile: true
            }
<input type="text" data-input="" class="form-control wdio-arrival qa-arrival-date-input book-box-datepicker flatpickr-input active" aria-label="Arrival date" readonly="readonly">
enter image description here

1 Ответ

0 голосов
/ 06 декабря 2018

Ответ заключается в том, чтобы поместить onfocus = this.blue () и только для чтения в html

<input type="text" onfocus="this.blur();" class="form-control" @input="onInput" v-on:click="manualClose" readonly/> 
...