手机端在访问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
 
                
 微信扫一扫
                                                            微信扫一扫                                                     支付宝扫一扫
                                                            支付宝扫一扫                                                     
            