码迷,mamicode.com
首页 > 其他好文 > 详细

layui的date组件在弹窗里闪退的解决办法

时间:2020-03-23 20:24:07      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:它的   href   问题   val   input   div   时间选择   比较   弹窗   

今天在使用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,感谢。

 

layui的date组件在弹窗里闪退的解决办法

标签:它的   href   问题   val   input   div   时间选择   比较   弹窗   

原文地址:https://www.cnblogs.com/himurayaiba/p/12554552.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!