引导日期时间选择器日历未显示答案

【问题标题】：Bootstrap datetime picker calendar not showing引导日期时间选择器日历未显示
【发布时间】：2015-07-07 16:28:57
【问题描述】：

尝试使用带有模式的引导日期时间选择器，我可以加载它，看起来很棒，但是当我尝试单击日历图标时，日历没有显示，我检查了所有依赖项，文件加载顺序、冲突等。但 nada 这是我的代码

html

<html>

<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-  theme.min.css">
    <link rel="stylesheet" href="../css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="../css/timesheet.css">
    <link rel="icon" href="../images/calendar.png">
    <title>Time Sheet</title>
</head>

<body background="../images/Art-White-Hours-Wallpaper-HD-197.jpg">
    <div>
        <%@include file="../WEB-INF/jspf/navbarfragment.jspf"%>
            <%@include file="../WEB-INF/jspf/loginmodal.jspf"%>
                <%@include file="../WEB-INF/jspf/edittimemodal.jspf"%>
                    <%@include file="../WEB-INF/jspf/timereport.jspf"%>

    </div>
    <h1 class="titlebacktext">This is a time sheet</h1>
    <div class="titleback"></div>




    <%@include file="../WEB-INF/jspf/footerfragment.jspf"%>
        <script src="../js/jquery-1.11.3.min.js"></script>
        <script src="../js/moment.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <script src="../js/bootstrap-datetimepicker.min.js"></script>
        <script src="../js/timesheet.js"></script>
</body>

</html>

javascript 文件

$(document).ready(function() {

    /*jQuery(function($){*/

    $(function() {

        $('#datetimepicker6').datetimepicker({
            defaultDate: "7/4/2015"
        });
        $('#datetimepicker7').datetimepicker({
            defaultDate: "7/4/2015"
        });
        $("#datetimepicker6").on("dp.change", function(e) {
            $('#datetimepicker7').data("DateTimePicker").minDate(e.date);
        });
        $("#datetimepicker7").on("dp.change", function(e) {
            $('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
        });
    });
});

之前忘记添加了，这里是edittimemodal

<div class="modal fade" id="edittime-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content entertime">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Please Enter a Start and End Time</h4>
            </div>
            <div class="modal-body">

                <div class='col-md-5'>
                    <div class="form-group">
                        <div class='input-group date' id='datetimepicker6'>
                            <input type='text' class="form-control" /> <span class="input-group-addon"> <span
                        class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class='col-md-5'>
                    <div class="form-group">
                        <div class='input-group date' id='datetimepicker7'>
                            <input type='text' class="form-control" /> <span class="input-group-addon"> <span
                        class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Submit Time</button>
                </div>
            </div>
        </div>
    </div>
</div>

令人讨厌的是，我没有收到任何错误，任何想法都将不胜感激。尝试在其中添加 onclick 仍然没有，然后也许我只是写错了，提前谢谢。

【问题讨论】：

问：为什么有两个嵌套的 DOM 就绪处理程序？ $(function(){ 只是$(document).ready(function(){ 的快捷方式？（您对代码的格式让我一愣，所以暂时删除了我的答案）。注释掉的版本 jQuery(function($){ 实际上是最安全的选择，因为它为 jQuery 提供了本地范围的 $。
很抱歉，因为难以阅读而被注释掉，而另一个人在那里，只是想解决问题并认为这可能是一个问题，但我把它留在那里是为了展示我尝试过的另一件事。
您可以尝试将 moment.js 放在 bootstrap.min.js 之后。尝试像这样这是一个有效的 jsfiddle jsfiddle.net/Lth82qm9
试过了，我注意到的一件事是，我的默认值正在加载，但仍然无法正常工作，还确保 adblock 等已关闭。我尝试了没有额外的 $(function() { 以及 jQuery(function($){
您是否也尝试单击日历图标？当您单击文本框时，日历未加载。它仅在您单击日历图标时加载。你也可以分享日期选择器文本框的 html 吗？

标签： javascript jquery html twitter-bootstrap jsp

【解决方案1】：

这个问题的答案真的很奇怪，但是在剥离所有内容之后，我只是删除了所有的 JS 文件并重新导入它们，然后它就起作用了……太奇怪了，真的很令人沮丧，但这就是答案。 ...我猜其中一个文件在下载时出错了，因为我是从同一个地方获得的...

【讨论】：