[英]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">×</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.