1

这个问题快把我逼疯了。我已经一整天了,这一定是一件愚蠢的事情,但我找不到它......

问题很简单,我按照 bootstrap-datatimepicker 的教程进行操作,但无法归档。这是代码:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>title</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" >
<!-- jQuery -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- external javascript -->
<script type="text/javascript" src="js/moment.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- datetimepicker -->
<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
</head>
<body>
<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 type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>
    </div>
</div>
</body>
</html>

我在 Firebug 中遇到两个错误。
第一的:

SyntaxError: expected expression, got '<'
<!DOCTYPE html>

第二:

TypeError: $(...).datetimepicker is not a function
$('#datetimepicker1').datetimepicker();

如果认为问题可能出在 bootstrap-datetimepicker.min.js 中,因为如果我删除它所在的行,我不会收到第一个错误。
我尝试在其他任何地方加载脚本,没有任何反应。我尝试下载所有库的最新版本,没有任何反应。无论我做什么,控件都不会出现。确实我不明白发生了什么……真的,我要自杀了-.-u

谢谢!

4

1 回答 1

0

我找到了!很抱歉,我从github下载了错误的css和js!!!原来我将链接保存为 .html,然后我将其重命名为 .js(是的,现在我知道它有多愚蠢了!)

我再次下载但正确,所有问题都消失了!

谢谢你让我上路!

于 2015-05-11T17:24:50.807 回答