twitter-bootstrap - datetimepicker 组件不在正确的位置

Question

我想使用 bootstrap 中的 datetimepicker，所以我按照此站点中的手动安装指南 bootstrap-datetimepicker
但我有以下错误:

Uncaught Error: datetimepicker component should be placed within a relative positioned container.

如何解决？

<div class="control-group form-horizontal ">
  <label class="control-label">Date</label>
  <div class="controls">
    <input name="datetime" id="datetimepicker4" type="text" class="span4" value="<?php echo $datetime; ?>">
  </div>
</div>

<script type="text/javascript">
  $(function() {
    $('#datetimepicker4').datetimepicker();
  });
</script>

感谢您的回复...

Answer 1

我遇到了同样的问题，我的解决方法是使用 position: relative 为我的日期时间控件和选择器添加新类属性:

<style>
  .editor-datetime {
      position: relative;
   }
</style>

<div class="editor-datetime">
  @Html.EditorFor(i => i.StartDate)
</div>

希望这可以帮助!