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

Question

将 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">

Answer 1

答案是把onfocus=this.blue()和readonly放在html里面

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