今天在使用Layui的时候在弹窗界面里面添加了一个时间Date控件,以往点击Date没有出现任何异常,但是今天突然发现Date的时间功能弹窗在点击之后闪了一下之后就没有了,这个让我比较惊讶,所以我就网上这个问题进行了搜索。果然发现这个问题不是个例,下面我来说说我的解决办法。

错误示例:

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

 

相关文章:

  • 2021-10-12
  • 2022-12-23
  • 2021-06-22
  • 2021-10-14
  • 2021-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-01-14
  • 2022-01-25
  • 2021-12-06
  • 2021-12-24
  • 2021-04-24
  • 2021-12-09
相关资源
相似解决方案