Question

我在我的date.html文件中包含了所有的css和js文件。但是我还没有得到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>

Answer 1

你有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中。

Nest步骤是使用浏览器控制台（F12）查找错误和未加载的文件

bootstrap datepicker不起作用

1 个答案: