layui的date组件在弹窗里闪退的解决办法
今天在使用Layui的时候在弹窗界面里面添加了一个时间Date控件,以往点击Date没有出现任何异常,但是今天突然发现Date的时间功能弹窗在点击之后闪了一下之后就没有了,这个让我比较惊讶,所以我就网上这个问题进行了搜索。果然发现这个问题不是个例,下面我来说说我的解决办法。
错误示例:
弹窗frame的高度大小问题
因为Date控件就我所知好像不能更改它的显示大小,所以在弹窗里面当显示大小不足时,它就显示不出,这种情况特别在Date控件在页面下部容易出现。
解决办法:
//实施日期 layui.use('laydate', function(){ var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#createTime', trigger: 'click', //添加这一行来处理 done: function(value, date, endDate){ $self.form.createTime = value; } }); });
问题就是出现在input框失去焦点、时间选择框进而隐藏。
参考文档:https://www.jianshu.com/p/1f5db9c8944d,感谢。