首页 > 代码库 > 解决laydate时间日期插件定位溢出
解决laydate时间日期插件定位溢出
laydate是一款比较好用的网页时间日期插件，不过用起来有一些细节问题需要我们手动去解决！例如：laydate兼容bootstrap
laydate弹出层默认对齐input左边框
但是当这个input比较靠页面右边的时候就会出现弹出层一部分溢出的问题
这就需要修改插件JS文件，使其能够判断是否溢出并修复定位
找到JS文件laydate.js
首先找到设置定位代码
a.style.left=e.left+(b?0:c.scroll(1))+"px"
将其修改为
var boxWidth = parseFloat(a.clientWidth); // 日期对象宽度var leftWidth = parseFloat(e.left); // 左偏移像素var bodyWidth = parseFloat(document.body.clientWidth); // 屏幕可见区域宽度if (boxWidth + leftWidth > bodyWidth) { var leftPX =bodyWidth - boxWidth;} else { var leftPX = leftWidth;}a.style.left=leftPX+"px"
保存，强刷一下页面
正常情况
靠近网页边缘时
已经可以了，本人JS并不是很好，如有更好的方法欢迎分享！O(∩_∩)O
解决laydate时间日期插件定位溢出
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。