html - 当我单击日历图标或输入框时，Eonasdan Bootstrap Datetimepicker 无法正常工作

Question

我在使用 Eonasdan Bootstrap 日期时间选择器时遇到问题。我从他的网站复制并粘贴了代码(减去行和容器，因为它使我的面板布局变得困惑)。我怀疑出于某种原因，日历被埋没了，看不到了。我希望你们能帮帮我!

<div class="col-sm-6">
                            <div class="form-group">
            <div class="input-group date" id="datetimepicker1">
                <input type="text" class="form-control active" />
                <span class="input-group-addon btn">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
                </div>
            </div>
                    <script type="text/javascript">
                    $('#datepicker').off('focus').datepicker().click(
                    function () {
                    $(this).datepicker('show');
                            }
                                );
            </script>

这是我的引用文件，您可以看到我正在正确加载它们。

<link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link href="js/bootstrap.min.js">
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="js/bootstrap-datetimepicker.min.js">
    <link href="js/moment.min.js">
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

希望您能帮帮我!谢谢。

Answer 1

首先，你需要在所有js文件之前调用jquery。

其次，点击功能正常，你能看到部分操作系统日历还是什么都看不到？