个人没有用到该 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
个人没有用到该 UI 框架，临时帮同事处理问题，做个记录。问题描述：点击input框时,时间选择框会出现闪退的情况...
去掉input标签上 lay-key属性
/****layui.js****/layui.use(['form','layer','laydate'],fu...
同一个页面绑定多个时间空间 建议用一下代码 不要傻傻的这样 或者自己觉得这样可以装下逼 其实还是闪退
laydate下载(http://www.layui.com/laydate/) 下载后的文件theme（里面的f...
给laydate添加触发的事件，闪退就是因为鼠标的mouse事件 html： js：
日期和时间组件文档 - layui.laydate -----基础参数选项通过核心方法：laydate.rende...
layui.use(['layer','laydate','form'], function () { layer...
https://www.layui.com/doc/modules/laydate.html
在layui的文档中，对laydate的使用提供了简单的代码示例： 重点是laydate对象的render方法配以...
本文标题：layui的laydate点击闪退
本文链接：https://www.haomeiwen.com/subject/caczfctx.html
网友评论