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不是一个函数

回答

相关问题