bootstrap-datetimepicker 时间控件位置问题

混沌cc

于 2015-09-18 10:23:39 发布

阅读量3.5k

点赞数

分类专栏： bootstrap 文章标签： datepick bootstrap scroll

bootstrap 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个关于bootstrap-datetimepicker组件的问题解决方案。当页面出现滚动时，该组件显示的时间选择器会出现位置偏移。文章详细说明了如何通过修改源代码中的定位逻辑来解决这一问题。

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

原文在
https://github.com/smalot/bootstrap-datetimepicker/commit/2e9c1978346a4846d580659d50710663960e75cb

当屏幕出现滚动时，弹出时间选择控件会出现位置错误的问题需要修改bootstrap-datetimepicker.js 大约500多行的位置

top = top - containerOffset.top;
left = left - containerOffset.left;
if( !elementOrParentIsFixed(this.element) ){
      top = top + document.body.scrollTop;
}

if语句改为：

if(this.container != 'body') top = top + document.body.scrollTop