Javascript Jquery datetimepicker首次在不同位置打开
我正在使用Jquery datetimepicker插件 当我第一次单击字段时,datetimepicker没有在字段附近打开,类似于下面的内容,picker位于字段上方 当我关闭它并在第二次和之后单击它时,它显示在适当的位置。如下图所示 这很奇怪,当我将timepicker或datepicker设置为false时,选择器从第一次单击起就可以正常工作 下面是我用来构造选择器的代码 HTMLJavascript Jquery datetimepicker首次在不同位置打开,javascript,jquery,html,css,datetimepicker,Javascript,Jquery,Html,Css,Datetimepicker,我正在使用Jquery datetimepicker插件 当我第一次单击字段时,datetimepicker没有在字段附近打开,类似于下面的内容,picker位于字段上方 当我关闭它并在第二次和之后单击它时,它显示在适当的位置。如下图所示 这很奇怪,当我将timepicker或datepicker设置为false时,选择器从第一次单击起就可以正常工作 下面是我用来构造选择器的代码 HTML <input id="DateTimeFrom" type="text" class="widt
<input id="DateTimeFrom" type="text" class="widthAdjust" />
除了设置字段的宽度,我没有应用任何CSS
对于maximumDate
和maximumdime
我执行了一些逻辑并对其进行了设置,但我非常确定该逻辑对这个问题没有影响
编辑
我有我的密码。但是我无法链接datetimepicker js和css
任何类型的指导都会有帮助。尝试为日期时间选择器设置offset()
$("#buttonID").click(function(){
$('.xdsoft_noselect').css('top', $("#DateTimeFrom").offset().top + $("#DateTimeFrom").outerHeight());
});
您可以发布您的html/css或JSFIDLE吗?当你调用它时,它很可能与它的父容器的css
位置有关。我可以发布html和css,但我不能在中链接datetimepicker js和cssjsfiddle@JakeWhiteley我已经将我的css和html放在js FIDLE中,我在以下位置添加了日期选择器css js:。从jQuery:注意:jQuery不支持获取隐藏元素的偏移坐标,也不支持计算body元素上的边框、边距或填充设置。
因此,如果删除元素上剩余的边距,则可以正常工作。解决这个问题的唯一方法是手动动态设置datepicker的top
(错误的插件编写没有考虑到这一点)。“我稍后会发布我的答案。”杰克·怀特利非常感谢,但即使我删除了留下的空白,它也不起作用。我将等待你们的答复对不起,但这对这个问题并没有影响
$("#buttonID").click(function(){
$('.xdsoft_noselect').css('top', $("#DateTimeFrom").offset().top + $("#DateTimeFrom").outerHeight());
});