解决laydate在移动手机端界面的点击失效闪退问题

Lei_zhen96

于 2019-04-29 14:21:34 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Lei_zhen96/article/details/89673874

本文介绍了一个在移动端使用layui的laydate插件时遇到的问题：点击输入框时，时间选择器有时无反应。通过在laydate的render方法中添加trigger:'click'参数，成功解决了这一问题，确保了移动端的良好用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

pc端引入layui的css与js后，初始化时渲染出laydate，

layui.use('laydate',function () {
  var laydate = layui.laydate;
  laydate.render({
      elem: '#startDate',          
  });
  laydate.render({
      elem: '#endDate',    
  });
})

发现在PC端无问题，然而在适配移动端时，发现点击input时，laydate渲染出的时间控件有时候没有反应，后发现在render里加入trigger: 'click',即可以解决这个问题。

layui.use('laydate',function () {
    var laydate = layui.laydate;
    laydate.render({
        elem: '#startDate',
        trigger: 'click',
        isInitValue: false
    });
    laydate.render({
        elem: '#endDate',
        trigger: 'click',
        isInitValue: false
    });
})