共计 579 个字符,预计需要花费 2 分钟才能阅读完成。
手机端在访问 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 在手机端不弹出手机键盘的效果。
正文完