简体   繁体   English

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

[英]Bootstrap datetime picker calendar not showing

Trying to use the bootstrap datetime picker with a modal, and I can get it to load, looks great, but when I try and click the calendar icon, the calendar does not show up, I have checked all my dependencies, file load order, conflicts, etc.. but nada here is my code 尝试使用带有模式的引导日期时间选择器,可以加载它,看起来不错,但是当我尝试单击日历图标时,日历没有显示,我已经检查了所有依赖项,文件加载顺序,冲突等。但是nada这是我的代码

html 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 file 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);
        });
    });
});

forgot to add this before but here is the edittimemodal 忘记之前添加它,但这是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>

Annoyingly I am getting no Errors, any ideas would be greatly appreciated. 令人讨厌的是我没有任何错误,任何想法将不胜感激。 Tried adding an onclick to it and still nothing, then again maybe I just have something written wrong, thanks in advance. 尝试向其添加onclick ,但仍然没有任何内容,那么再次提醒我,我只是写错了东西。

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM