bootstrap-datetimepicker处的文档并没有真正解释使用窗口小部件需要哪个版本的jquery和时刻(如果需要特定版本)。根据开发工具我没有任何jquery错误,我通过添加一些工作正常的快速jquery来测试日历图标按钮。
($("#datetimepicker10 span").click(function(){
alert('working!');
};
));
否则,我按正确顺序加载文档中所需的一切(我认为)。然而;图标链接不起作用,因此我无法选择日期和时间。我假设它是关于如何加载文件或我正在使用的jquery / moment版本的东西,因为我试图放入this jsfiddle,它也不起作用。
任何想法都将不胜感激。关于如何调试这种js错误的任何提示对未来都是好的。
当前代码:
<head>
<link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="/static/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
</head>
身体结束..
<script type='text/javascript' src="/static/js/bootstrap.min.js"></script>
<script type='text/javascript' src="/static/js/bootstrap-datetimepicker.min.js"></script>
$( document ).ready(function() {
$('#startDate').datetimepicker();
});
最后,html:
<div class="container">
<div class="col-sm-6" style="height:75px;">
<div class='col-md-5'>
<div class="form-group">
<div>Start</div>
<div class='input-group date' id='startDate'>
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
</div>
</div>
答案 0 :(得分:0)
答案 1 :(得分:0)
对于自定义格式,只需在输入中使用data-date-format
即可。例如:
<div class='input-group date' id='datetimepicker5'>
<input type='text' class="form-control" data-date-format="DD/MM/YYYY"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
这是拉丁美洲的格式,日/月/年