资讯专栏INFORMATION COLUMN

bootstrap插件 datetimepicker位置bug

ninefive / 1954人阅读

摘要:只要在初始化的下面按同样的方法初始化即可,插件的位置就不会定死在一个地方了。但是具体的显示位置还需要根据实际情况调整两行代码。

datetimepicker插件下载地址

解压后看了一下给的例子,发现存在严重的插件位置错位问题
百度之后,发现有人已经发现并给出了解决方案(bug反馈),但是我打开未压缩的代码并没有发现507行有这一行代码:

 top = top + document.body.scrollTop;

于是只好自己看代码找一下原因。

所以作者在代码中只声明了top却没有给top初始化。
只要在left初始化的下面按同样的方法初始化top即可,插件的位置就不会定死在一个地方了。
但是具体的显示位置还需要根据实际情况调整547、548两行代码。

 top = top - containerOffset.top + 169;
 left = left - containerOffset.left + 210;

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/78583.html

相关文章

  • bootstrap插件 datetimepicker开始月份设置bug

    摘要:但是反过来,开始日期输入框中的可选结束月份却没有问题。初步判断是在设置开始月份的语句上有问题。看了一下源码,找到了原因,是行的代码应该是减,而不是加代码行修改为修改后显示正常 datetimepicker插件下载地址 代码如下: //日期输入框 $(input).datetimepicker({ format: yyyy-mm, //日期格式为年-月 startV...

    zorro 评论0 收藏0
  • 用Vue搭建一个应用盒子(二):datetime-picker

    摘要:接着上次的进度,我们已经实现了一个。我们应该完成的效果是一个,日期选择器。好了,到这一步,还不能实现这个插件。我们还需要添加一个方法,因为并没有被执行,所以我们需要添加如下代码好了,这里事件选择插件就能顺利使用了。与的结合使用实例 接着上次的进度,我们已经实现了一个todo-list。它已经具备了基本的功能,可以新建、编辑、删除任务。但是美中不足的是,它的时间设定上只能通过输入一段字符...

    Ververica 评论0 收藏0
  • bootstrap datetimepicker日期插件美化

    摘要:需求日期面板默认展开可以根据点击的日期,处理额外的信息,如在这天记录一些信息等大部分的日期插件日期面板是隐藏的,点击的时候日期面板显示,基于的日期插件如果是在元素上实例化插件的情况,面板是显示的,在上面板则是隐藏的。 需求: (1)日期面板默认展开 (2)可以根据点击的日期,处理额外的信息,如在这天记录一些信息等 大部分的日期插件日期面板是隐藏的,点击input的时候日期面板显示,基于...

    ninefive 评论0 收藏0
  • bootstrap datetimepicker日期插件美化

    摘要:需求日期面板默认展开可以根据点击的日期,处理额外的信息,如在这天记录一些信息等大部分的日期插件日期面板是隐藏的,点击的时候日期面板显示,基于的日期插件如果是在元素上实例化插件的情况,面板是显示的,在上面板则是隐藏的。 需求: (1)日期面板默认展开 (2)可以根据点击的日期,处理额外的信息,如在这天记录一些信息等 大部分的日期插件日期面板是隐藏的,点击input的时候日期面板显示,基于...

    miya 评论0 收藏0
  • datetimepicker插件在modal上显示的位置问题

    摘要:问题描述当日期空间在的上显示后,滑动鼠标滚轮,发现控件位置会出现偏移,如下解决方法给加一个。 问题描述:当日期空间在bootstrap的modal上显示后,滑动鼠标滚轮,发现控件位置会出现偏移,如下 showImg(https://segmentfault.com/img/bVJDZC?w=744&h=778); 解决方法:给datetimepicker加一个option contai...

    NotFound 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<