手机端在访问layui页面时,如果有laydate,点击后会弹出键盘,对于屏幕小一点的手机来说,非常不友好。
所以,我们要做的就是,阻止手机键盘的弹出。
实现方法
采用click弹出
laydate调整为click弹出,如下:
1 2 3 4 5 |
//自定义事件 laydate.render({ elem: '#test' ,trigger: 'click' //采用click弹出 }); |
input只读
在input所在行,增加一个属性,使input元素只读,如下:
1 |
<input type="text" class="layui-input" name="workflow_content[leave_start_time]" id="leave_start_time" readonly> |
在input或其他任意元素上(如果你要阻止select就在selec上操作)加上readonly。
如此,即可实现laydate在手机端不弹出手机键盘的效果。
原创文章,作者:蓝洛水深,如若转载,请注明出处:https://blog.lanluo.cn/11027