css - DateTipicker 在 jquery ui 布局中未正确显示

Question

如何使 datetimepicker 在 jquery ui 布局中正常工作。当我单击它在南窗格后面的文本字段时，日期时间选择器没有显示。

见小提琴

<div class="ui-layout-north">North</div>
<div class="ui-layout-south">
  <div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>

    </div>
</div>


$(function(){
 $('body').layout({ applyDemoStyles: true });
      $('#datetimepicker1').datetimepicker();
});

先感谢您。

Answer 1

moment.js您的代码中缺少。我已经改变了它，现在它工作正常。这是更新的小提琴。

$(function(){
 $('body').layout({ applyDemoStyles: true });
      $('#datetimepicker1').datetimepicker();
});

您必须更新代码才能正确显示 datetimepicker。您可以参考https://eonasdan.github.io/bootstrap-datetimepicker/Options/了解更多格式。