移动端选择时间时禁止软键盘弹出

今天在做移动端时 遇到了尴尬的问题 选择时间时 手机自带的软键盘将时间插件顶了上去 很别扭 因此在网上找了下

我前端使的是element-ui 

前端：

 <el-date-picker v-model="ruleForm.date" @focus="forbid" type="date" placeholder="选择日期" style="width: 100%;"></el-date-picker>

加个方法：@focus="forbid"

使用vue：

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

参考：https://blog.youkuaiyun.com/Bright2017/article/details/79927298