0

我从这个网站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 在此处输入图像描述

错误

在此处输入图像描述

4

4 回答 4

1

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

于 2014-08-07T07:58:34.403 回答
1

您似乎缺少 Datepicker JavaScript 库。

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

于 2014-08-07T08:01:29.170 回答
1

您能否尝试以下代码。

非常基本的示例正在运行。

<!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>
于 2014-08-07T09:36:12.243 回答
1

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

于 2014-08-07T09:02:24.903 回答