layui的laydate点击闪退

个人没有用到该 UI 框架,临时帮同事处理问题,做个记录。
问题描述:点击input框时,时间选择框会出现闪退的情况
问题分析:经查看发现实际上是时间弹窗自身计算了当前浏览器的可用高度,当高度不足以显示时间选择框时,则会自动偏移,导致鼠标可以点击到时间选择框,从而导致input框失去焦点、时间选择框隐藏。最终结合layui官方文档最终解决;

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

以下是部分layui此问题相关源码


layui的laydate点击闪退_第1张图片
layui部分源码.png

你可能感兴趣的:(layui的laydate点击闪退)