Bootstrap-Datepicker無法正常工作

Question

我的bootstrap-datetimepicker無法正常工作
這個問題在這里被問過很多次了，但是這里，這里和這里以及其他人的回答並沒有進一步幫助我...

在<head>網頁頂部，我包括：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">

然后以我的form想這樣稱呼他：

<div class="col-md-4">
    <label class="control-label" for="birthday">Birthday:</label>
       <div class="form-group">
          <div class='input-group date' id='datetimepicker'>
              <input type='text' class="form-control" placeholder="dd/mm/yyyy" value="" />
              <span class="input-group-addon">
                 <span class="glyphicon glyphicon-calendar"></span>
              </span>
           </div>
       </div>
</div>

</body>標記之前的底部是javascript/jquery部分：

<script type="text/javascript">
   $('#datetimepicker').datepicker();
</script>

我究竟做錯了什么？ 有人可以糾正我的錯誤嗎？

Answer 1

嘗試在文檔就緒函數中包裝插件初始化。

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

Answer 2

我讀過引導日期選擇器需要jquery 1.7.1及更高版本

使用jQuery 1.9.1檢查此小提琴即時消息

<div class="col-md-4">
    <label class="control-label" for="birthday">Birthday:</label>
       <div class="form-group">
          <div class='input-group date' id='datetimepicker'>
              <input type='text' class="form-control" placeholder="dd/mm/yyyy" value="" />
              <span class="input-group-addon">
                 <span class="glyphicon glyphicon-calendar"></span>
              </span>
           </div>
       </div>
</div>

Bootstrap-Datepicker無法正常工作

問題描述

2 個解決方案

解決方案1
1 2016-11-14 09:54:01

解決方案2
1 已采納 2016-11-14 09:59:51

Bootstrap-Datepicker無法正常工作

問題描述

2 個解決方案

解決方案1 1 2016-11-14 09:54:01

解決方案2 1 已采納 2016-11-14 09:59:51

解決方案1
1 2016-11-14 09:54:01

解決方案2
1 已采納 2016-11-14 09:59:51