2014-03-05 89 views
1

Eyecom的Bootstrap datepicker似乎不起作用。我下面從這裏的各種問題,例如:Eyecom的Bootstrap datepicker似乎不起作用?

但收效不大。我究竟做錯了什麼?我點擊輸入框,它不會顯示datepicker。

這裏是我的代碼:

<!DOCTYPE> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <title>Test</title> 
     <link rel="stylesheet" type="text/css" href="../css/datepicker.css"> 
     <link rel="stylesheet" type="text/css" href="../css/bootstrap.css"> 
     <link rel="stylesheet" type="text/css" href="../css/bootstrap-responsive.css"> 
    </head> 

    <body> 
     <input type="text" id='datetimepicker1'>  
     <script type="text/javascript" src="../js/jquery.js"></script> 
     <script type="text/javascript" src="../js/bootstrap-datepicker.js"></script> 
     <script type="text/javascript" src="../js/bootstrap.js"></script> 
     <script type="text/javascript"> 
     $(function() { 
      $('#datetimepicker1').datepicker(); 
      }); 
     </script> 
    </body> 
</html> 

它應該工作!任何幫助?

+1

瀏覽器的[JavaScript控制檯](http://stackoverflow.com/questions/4743730/what-is-console-log-and-how-do-i-use-it)中的任何錯誤? – mccannf

+0

另外,我會把'datepicker.css'放在你的html的'bootstrap.css'之後 - 爲了安全起見。 – mccannf

回答