无法使 datepicker 引导程序工作答案

【问题标题】：Can't make datepicker bootstrap to work无法使 datepicker 引导程序工作
【发布时间】：2014-08-07 07:54:05
【问题描述】：

我将本网站http://eonasdan.github.io/bootstrap-datetimepicker/ 中的第一个示例复制并粘贴到我自己的html 代码中。当我点击文本框旁边的图片时，它没有弹出日历供我选择

  <!DOCTYPE html>
    <html lang="en">
      <head>

        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
      </head>
    <div class="container">
        <div class="row">
            <div class='col-sm-6'>
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker1'>
                        <input type='text' class="form-control" />
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </div>
            <script>
                $(function () {
                    $('#datetimepicker1').datetimepicker();
                });
            </script>
        </div>
    </div>
    </body>
    </html>

目录和最新代码，html代码在LeaveDemo文件夹中

我的 bootstrap.min.js

我的 bootstrap-datepicker.js

错误

【问题讨论】：

标签： html twitter-bootstrap calendar bootstrap-datepicker

【解决方案1】：

您似乎缺少 Datepicker JavaScript 库。

包括这个，你的日期选择器应该可以工作了。

【讨论】：

【解决方案2】：

你还没有包含任何 js。要完成这项工作，您应该包含 bootstrap-datetimepicker.js 和 bootstrap.min.js

【讨论】：

是的，我明白了。现在添加开始正文标记 - 。你错过了它，因为这个一些浏览器，例如IE，无法正常工作。
更新了图片。添加的身体仍然不能。我正在使用谷歌浏览器打开它。 @slider_if
现在最后一件事 - 你应该包括 jQuery。
更新了图片。添加 jquery 仍然不能。 @slider_if
能否请您现在提供来自 Web 调试 (F12) 的控制台输出？ @Jordjmax

【解决方案3】：

你使用 Firebug 吗？你有任何错误吗？您可能还必须包含 jQuery 库才能使用 $() 函数。

【讨论】：

更新了图片。添加 jquery 仍然不能。 Duno wat 是萤火虫@Deedz

【解决方案4】：

你能不能试试下面的代码。

非常基本的例子。

<!DOCTYPE html>
<html>
    <head>
        <title>Datepicker</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- Bootstrap CSS and bootstrap datepicker CSS used for styling the demo pages-->
        <link rel="stylesheet" href="css/datepicker.css">
        <link rel="stylesheet" href="css/bootstrap.css">
    </head>
    <body>
        <div class="container">

                <input  type="text" placeholder="Click to show datepicker"  id="datetimepicker1">

        </div>
        <!-- Load jQuery and bootstrap datepicker scripts -->
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/bootstrap-datepicker.js"></script>
        <script type="text/javascript">
            // When the document is ready
            $(document).ready(function () {

                $('#example1').datepicker({
                    format: "dd/mm/yyyy"
                });  

            });
        </script>
    </body>
</html>

【讨论】：

发布了错误图片，取自谷歌浏览器。我会试试你的代码 2moro 谢谢@Deedz