【layUI杂记】layui之laydate闪退解决方案

问题描述:

    点击input框时,时间选择框会出现闪退的情况

问题分析:

    经查看发现实际上是时间弹窗自身计算了当前浏览器的可用高度,当高度不足以显示时间选择框时,则会自动偏移,导致鼠标可以点击到时间选择框,从而导致input框失去焦点、时间选择框隐藏。

解决方案:

layui.use('laydate', function(){
  var laydate = layui.laydate;
  //执行一个laydate实例
  laydate.render({
    elem: '#test1',
    trigger: 'click', //添加这一行来处理
    done: function(value, date, endDate){
      $self.form.createTime = value;
    }
  });
});

注意:

    使用上面的方法,发现一直报错。最终解决方法:
layui.use('laydate', function(){
  var laydate = layui.laydate;
  //执行一个laydate实例
  laydate.render({
    elem: '#test1',
    trigger: 'click', //添加这一行来处理
  });
});

layui的源码:


posted @ 2022-04-26 14:38  郭祺迦  阅读(455)  评论(0)    收藏  举报