Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery datetimepicker首次在不同位置打开_Javascript_Jquery_Html_Css_Datetimepicker - Fatal编程技术网

Javascript Jquery datetimepicker首次在不同位置打开

Javascript 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

我正在使用Jquery datetimepicker插件

当我第一次单击字段时,datetimepicker没有在字段附近打开,类似于下面的内容,picker位于字段上方

当我关闭它并在第二次和之后单击它时,它显示在适当的位置。如下图所示

这很奇怪,当我将timepicker或datepicker设置为false时,选择器从第一次单击起就可以正常工作

下面是我用来构造选择器的代码

HTML

<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());
});