Layui在手机访问时,怎么阻止laydate弹出键盘,只允许点击操作

107次阅读

共计 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 在手机端不弹出手机键盘的效果。

正文完
 0