Bootstrap Datepicker不工作，datetimepicker不是一個函數

我是新手bootstrap，我試圖實現引導日期選擇器，但不知何故它不會發生。你能檢查我的哪個代碼出錯了嗎？下面是我的.html文件Bootstrap Datepicker不工作，datetimepicker不是一個函數

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
</head> 
<body> 

<div class="container"> 

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

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

</script> 
</body> 
</html>

來源

2015-11-03 Ritz Arlekar

我認爲你是缺少dateTimePicker的腳本，請包括這個腳本

<script src="js/jquery-1.9.1.min.js"></script> 
    <script src="js/bootstrap-datepicker.js"></script>

，你可以去通過演示http://code.runnable.com/UmOlOZbXvZRqAABU/bootstrap-datepicker-example-text-input-with-specifying-date-format2

來源

2015-11-03 05:38:03

不知何故，我得到了解決辦法..但它仍然有一些時間的問題，如果任何人有一個更好的解決方案，請張貼

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css"/> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
</head> 
<body> 

<div class="container"> 

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

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

</script> 
</body> 
</html>

來源

2015-11-03 05:27:01

更改此：

$(function() { 
    $('#datetimepicker1').datetimepicker(); 
});

這樣：

jQuery(function($) { 
    $('#datetimepicker1').datetimepicker(); 
});

原因：

許多JavaScript庫使用$作爲函數或變量名，就像jQuery不會。爲了避免衝突，您需要指定$的庫別名，在jQuery的情況下，$只是jQuery的別名。

來源

2015-11-03 05:42:22

Bootstrap Datepicker不工作，datetimepicker不是一個函數

回答

相關問題