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/>