使用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">
答案 0 :(得分:0)
答案是将onfocus = this.blue()和只读内容放入html
<input type="text" onfocus="this.blur();" class="form-control" @input="onInput" v-on:click="manualClose" readonly/>