引导日期选择器不起作用

-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

引导日期选择器不起作用

回答

相关问题