移动端选择时间时软键盘弹出问题

2023-11-14 18:41:22

我采用的是emlmentUI实现的时间功能

@方法1：加个方法

<el-date-picker v-model="ruleForm.date" @focus="forbid" type="date" placeholder="选择日期" ></el-date-picker>

 @focus="forbid"

 forbid(){
    //禁止软键盘弹出
    document.activeElement.blur();

@方法2：设置只读性 readonly ---这样确实不弹出来了，但是时间也不可以选择，没有再深入研究，直接选择方法1即可

<el-date-picker v-model="ruleForm.date" readonly  type="date" placeholder="选择日期" ></el-date-picker>

码农公寓