Jquery datetimepicker第一次在不同的位置开放

Question

我正在使用Jquery datetimepicker插件link here

当我第一次点击该字段时，datetimepicker没有在字段附近打开，如下所示，选择器位于字段上方。

当我关闭它并第二次点击它之后，它出现在适当的位置。如下所示。

这很奇怪，当我将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我执行一些逻辑并设置它，但我很确定逻辑对此问题没有影响。

修改

我的代码在小提琴here中。但我无法链接datetimepicker js和css。

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

Answer 1

尝试为datetimepicker设置offset()

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