引導日期時間選擇器不工作

-1

我一直在嘗試使用引導日期和時間選擇器。我不知道代碼有什麼問題。儘管它非常簡單。我試圖手動添加datepicker jar和CDN。仍然沒有工作。引導日期時間選擇器不工作

任何機構都可以幫助我解決這個問題。

<!DOCTYPE html> 
 

 
<html> 
 

 
<head> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.1/locales/bootstrap-datepicker.bs.min.js"></script> 
 

 
</head> 
 

 
<body> 
 
<div class="container"> 
 
    <div class="row"> 
 
     <div class='col-sm-6'> 
 
      <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> 
 
     <script type="text/javascript"> 
 
      $(function() { 
 
       $('#datetimepicker1').datetimepicker(); 
 
      }); 
 
     </script> 
 
    </div> 
 
</div> 
 

 

 

 

 

 
</body> 
 
</html>

來源

2016-01-11 Varun

檢查引導，datepicker.bs.min.js。看來你錯過了一個js文件。嘗試檢查，你會看到控制檯中的錯誤，datetimepicker（）不是一個函數。 –

你是對的..我嘗試了多個CDN，雖然它不工作..你能否爲我提供一些CDN的鏈接..對不起，我是DUMB – Varun

我已經在答案中加入了它。 –

更改dateTimePicker的CDN。下面CDN似乎爲我工作：

https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js

工作Plnkr：Plnkr

來源

2016-01-11 18:48:53

複製並粘貼你的整個代碼..不過還是我得到類型錯誤：$（...）的DateTimePicker不是一個函數 \t $（ '＃datetimepicker1'）的DateTimePicker（）; – Varun

@varun你必須在你的本地機器上嘗試爲那些需要在http：js和css文件路徑中加上前綴的地方，否則它會試圖找到一個不存在的文件，從而導致錯誤。你現在可以複製粘貼，我已經更新了Plnkr。 –

似乎有引用腳本文件的問題。

更新腳本到這個代替：

<script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script> 
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script> 
<script src="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script>

Fiddle

來源

2016-01-11 18:47:01

引導日期時間選擇器不工作

回答

相關問題