javascript - Jquery datetimepicker 第一次在不同位置打开

Question

我正在使用 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。

任何形式的指导都会有所帮助。

Answer 1

尝试为日期时间选择器设置offset()

$("#buttonID").click(function(){
    $('.xdsoft_noselect').css('top', $("#DateTimeFrom").offset().top + $("#DateTimeFrom").outerHeight());
});