bootstrap datetimepicker bug 页面产生滚动会错位

本文解决使用bootstrap-datetimepicker插件时遇到的位置显示问题,通过修改相关JS文件来调整时间选择器的位置。提供了针对不同版本的解决方法,并详细解释了如何在min文件中进行修改。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如题,现象与参考文献1中的页面报错相同:



解决方式如同:

datepicker position #363

但是这个文章并没有交代自己的版本号,而且我查找js源文件,也没有找到对应的字眼:507行、scrollTop等。

我个人是2015-11-16在github上下载的master分支:https://github.com/smalot/bootstrap-datetimepicker

根据更新日志,理论上应该是最新的版本 Minor release 2.3.5:Minor release 2.3.5

我找到的位置是在533行


现总结如下:

如果是2.3.5版本,尝试修改 bootstrap-datetimepicker.js 文件 533行 :

top = top - containerOffset.top;
//改为
top = top// - containerOffset.top;
如果没有找到这一行,那么可能是旧版本,尝试在507~520行之间修改:

top = top + document.body.scrollTop
//改为
top = top //+ document.body.scrollTop

如果用的min文件,那么也要相应改一下。

讲到这里,再罗嗦一句:

min不知道用什么压缩工具的(估计是google压缩),变量名都改了,查找如下内容:

m=m-k.top;

把 "-k.top"去掉就好。

如果没有找到这个,搜索 top-left 这个字眼,翻一下后面,就可以看到了。

---------------------------------

更新:

俺发现不是这样的捏,min文件里面居然有+document.body.scrollTop这个字眼,果断去掉就好了。



----------------------------

参考文献:

1. datetimepicker插件位置问题


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值