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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM