Bootstrap 3 DatePicker无法正常工作

wat*_*eag 4 jquery twitter-bootstrap twitter-bootstrap-3

试着在这里使用datepicker:http://bootstrap-datepicker.readthedocs.org/en/latest/

我对jquery还不是很有经验,但我必须遗漏一些东西,因为它永远不会有效.这是我的HTML,所有的CSS和JS文件都在各自的位置,没有找不到文件的问题.我确定我错过了一些简单的东西,但我没有看到它,直接从提供的示例中复制和粘贴.让我知道你的想法.

<!DOCTYPE html>
<html>
  <head>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/datepicker.css" rel="stylesheet">
  </head>
  <body>
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
          <form id="main">
            <input type="text">
          </form>
          <script>
           $('#main input').datepicker({
             });
          </script>
        </div>
      </div>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.js"></script>
    <script src="js/bootstrap-datepicker.js"></script>    
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Jas*_*sen 7

您的代码存在一些问题

这就是你需要它使它工作

<!DOCTYPE html>
<html>
<head>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/datepicker.css" rel="stylesheet" />
</head>
<body>

<form id="main">
    <input type="text" />
</form>

<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script>
    $(document).ready(function() {
        $("#main input").datepicker();
    });
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

  • 仅供参考 - 您的代码**不需要*文件就绪*处理程序.脚本中引用的所有DOM元素在执行时都可用 (2认同)