Flatpickr停止输入文本并删除Iphone默认日历

时间:2018-12-05 09:26:42

标签: css iphone flatpickr

使用flatpickr作为我们的日历,是否会遇到Iphone / Ipad的问题。打开日历后,光标将位于文本框中,这将触发默认的Iphone日历,如下所示。 在Android和Chrome移动模拟中,此功能可以100%进行。

是否知道如何禁用

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 :(得分:0)

答案是将onfocus = this.blue()和只读内容放入html

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