我正在使用 Jquery datetimepicker 插件 link here
当我第一次点击字段时,日期时间选择器没有在字段附近打开,如下图所示,选择器位于字段上方。
当我关闭它并第二次及之后单击它时,它会出现在适当的位置。如下图所示。
这很奇怪,当我将 timepicker 或 datepicker 设置为 false 时,选择器从第一次点击开始就工作正常。
我用来构建选择器的代码如下,
HTML
<input id="DateTimeFrom" type="text" class="widthAdjust" />
JS
$('#DateTimeFrom').datetimepicker({
onShow:function( ct ){
this.setOptions({
maxDate:maximumDate,
maxTime:maximumTime
})
},
mask : true
});
除了为字段设置宽度外,我没有应用任何 CSS。
对于 maximumDate
和 maximumTime
我执行了一些逻辑并对其进行了设置,但我很确定该逻辑对这个问题没有影响。
编辑
我的代码在 fiddle here .但我无法链接 datetimepicker js 和 css。
任何形式的指导都会有所帮助。
最佳答案
尝试为日期时间选择器设置offset()
$("#buttonID").click(function(){
$('.xdsoft_noselect').css('top', $("#DateTimeFrom").offset().top + $("#DateTimeFrom").outerHeight());
});
关于javascript - Jquery datetimepicker 第一次在不同位置打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27959987/