bootstrap3 日历不工作

Question

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

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="form-group">
        <div class="input-group date" id="datetimepicker1">
            <input type="text" id="datepick" class="form-control" />  <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
        </div>
    </div>

脚本

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

我认为这对你有用

Answer 2

您缺少代码所需的库：

<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 包含库的代码。

注意包含的外部库。

bootstrap3 日历不工作

bootstrap3 calendar is not working

html

jquery

calendar

twitter-bootstrap