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,感谢。

 

posted @ 2020-03-23 19:56  薄暮JIM  阅读(904)  评论(0编辑  收藏  举报