引導日期選擇器不起作用

-2

我包含了所有的CSS和js文件在我的date.html文件中，但我仍然沒有得到datepicker.i不知道什麼是問題。任何人都可以幫助我。引導日期選擇器不起作用

這裏是我的html代碼。

date.html

<html> 
    <head> 
    <title>date /title> 
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="bootstrap/css/datepicker.css" rel="stylesheet"> 
    </head> 
    <body> 
    <div> 
     Date 
     <input type="text" id="datepicker" /> 
    </div> 
     <script src="bootstrap/jquery.19.1.min.js"> 
     <script type="text/javascript"> 
       $(document).ready(function() { 
        $('#datepicker').datepicker({ 
       format: "dd/mm/yyyy" 
        }); 
         }); 

     </script> 
     <script src="https://code.jquery.com/jquery.js"></script> 
     <script src="bootstrap/js/bootstrap.min.js"></script> 
     <script src="bootstrap/js/bootstrap-datepicker.js"></script> 
     <script src="bootstrap/js/bootstrap.js"></script> 
    </body> 
</html>

來源

2014-07-17 Pranalya

擺脫重複的錯誤，文件和修復腳本的加載順序 – charlietfl

的第二個鏈接樣式表是一個腳本文件不是一個樣式表。 – user3117036

@ user3117036我糾正了，但我仍然沒有得到.. – Pranalya

你有2個版本的jquery.js加載和2個版本bootstrap.js的，你必須嵌套在另一個腳本標籤的腳本標籤不工作

試試這個配置：

<script src="https://code.jquery.com/jquery.js"></script> 
    <script src="bootstrap/js/bootstrap.min.js"></script> 
    <script src="bootstrap/js/bootstrap-datepicker.js"></script> 
    <script type="text/javascript"> 
      $(document).ready(function() { 
       $('#datepicker').datepicker({ 
      format: "dd/mm/yyyy" 
       }); 
        }); 

    </script>

你可能不需要bootstrap-datepicker.js無論是作爲它可能包含在bootstrap.js。

接下來的步驟是使用瀏覽器控制檯（F12），以尋找沒有被加載

來源

2014-07-17 18:20:07 charlietfl

現在看...我糾正了，但仍然沒有得到... – Pranalya

需要做一些基本的javascript調試。沒有更多的細節很難提供幫助。看到我最後一個答案 – charlietfl

引導日期選擇器不起作用

回答

相關問題