我的主要问题是使用bootstrap datetimepicker。我使用this作为使用引导程序的指南?的DateTimePicker。
在多次尝试获取指南工作之后,我得出的结论是datetimepicker不包含在主bootstrap.js文件中。经过多次搜索,我无法找到一个js文件,而#34;"" bootstrap datetimepicker,也没有像指南中那样定义为datetimepicker()的函数。我也无法在bootstraps网站上找到有关datetimepicker的任何内容。所以我的问题是,是否有像bootstrap datetimepicker那样,或者只是js脚本意味着与bootstrap一起使用?另外,我在哪里可以获得这些文件?
最后我发现只有我们的chrome开发人员工具才能获得指南用于脚本源的URL。最后,我得到了这项工作,就像在指南中那样,但是很有吸引力"办法。我无法接缝以使光标变为指向鼠标悬停的手指。此外,一旦打开日历,光标仍然只是箭头,单击日期不会像指南中那样关闭日历。有没有人对如何让这个工作更像教程有任何建议?
这是我的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrat/3.3.4/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
<script src="http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js"></script>
<title>Rental Car Agreement</title>
</head>
<body>
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>
</div>
</div>
</body>
</html>