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

Posted 2021-03-04 himurayaiba

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