自舉日期選擇器不能正常工作

我的自舉的DateTimePicker不能正常
工作這個問題已經被問過很多次這裏，但是從here，here和here答案和曼尼別人沒幫我.. 。自舉日期選擇器不能正常工作

在我的網頁在<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>

我到底做錯了什麼？有人能糾正我的錯誤嗎？

來源

2016-11-14 Blueblazer172

您是否收到任何錯誤？ –

是的，當我想從輸入字段中選擇一些東西，它不顯示日期選擇器... – Blueblazer172

我讀過，引導日期選擇需要的jQuery 1.7.1及以上

檢查這個fiddle IM的使用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>

來源

2016-11-14 09:59:51 GvM

我不知道，但它仍然沒有工作... – Blueblazer172

現在它的工作...在嘗試了300次 – Blueblazer172

我也不得不包括這個https：///cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css – Blueblazer172

在document ready function嘗試換裝插件初始化。

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

來源

2016-11-14 09:54:01 emtei

將無法正常工作...這是一個在本地主機上工作的問題？ – Blueblazer172

檢查瀏覽器控制檯是否有錯誤。 'ctrl + shift + j'in chrome。有沒有錯誤？也嘗試在'bootstrap-datepicker.min.js'之前移動'bootstrap.min.js'。導入js文件的順序應該是： 1. jquery – emtei

是啊最後工作 – Blueblazer172

自舉日期選擇器不能正常工作

回答

相關問題