jquery - bootstrap3 日历不工作

Question

Bootstrap datepicker 在选择日历之前打开日历，并且在日历中也无法选择任何日期。

html ---

<div class="row">
  <div class="col-md-12">
     <h6>datetimepicker1</h6>

    <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-calendar glyphicon"></span></span>
        </div>
    </div>
  </div>
</div>

脚本 ---

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

输出---

它应该看起来像 ---

任何人都可以帮助我如何获得工作正常的 Bootstrap 日历。

Answer 1

您缺少代码所需的库:

<div class="row">
    <div class="col-md-12">
         <h6>datetimepicker1</h6>

        <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>

Have a look at your JSFiddle包含库的代码。

注意包含的外部库。