Question

这个问题让我抓狂。我一整天都一直都是傻事，但我找不到它......

问题很简单，我按照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>

<!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" >  <script type="text/javascript" src="js/jquery.min.js"></script>  <script type="text/javascript" src="js/moment.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script>  <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>

如果认为问题可能出现在bootstrap-datetimepicker.min.js中，因为如果我删除它所在的行，我就不会收到第一个错误。
我尝试在其他地方加载脚本，没有任何事情发生。我尝试下载所有库的最新版本，没有任何发生。无论我做什么，控制都不会显示出来。绝对不知道发生了什么...... 真的，我即将自杀--.-你

谢谢！

Answer 1

我找到了！我很抱歉，但我从github上下载了错误的css和js！事实证明我将链接保存为.html然后我将其重命名为.js（是的，现在我看到它是多么愚蠢！）

我再次下载但是没错，所有问题都消失了！

感谢您让我继续前进！

bootstrap-datetimepicker v4无法正常工作

1 个答案: