个人没有用到该 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部分源码.png