Twitter bootstrap 引导日期时间选择器工作不正常。我已经在这里粘贴了日期选择器的代码
我试图在我的表单中包含一个日期时间选择器。尽管我尝试了很多方法来修复它,但它仍然不能正常工作。我已将代码粘贴到下面Twitter bootstrap 引导日期时间选择器工作不正常。我已经在这里粘贴了日期选择器的代码,twitter-bootstrap,datetimepicker,Twitter Bootstrap,Datetimepicker,我试图在我的表单中包含一个日期时间选择器。尽管我尝试了很多方法来修复它,但它仍然不能正常工作。我已将代码粘贴到下面 <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Blank Page</title>
<script type="text/javascript">
$(function() {
$('#datetimepicker1').datetimepicker();
});
</script>
<!-- Bootstrap core JS -->
<script src="js/bootstrap-datetimepicker.js"></script>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.js"></script>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap-datetimepicker.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<!-- Sidebar -->
<div id="page-wrapper">
<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>
</div>
</div>
</div><!-- /#page-wrapper -->
</div><!-- /#wrapper -->
</body>
空白页
$(函数(){
$('#datetimepicker1')。datetimepicker();
});
我按照下面的链接来实现日期时间选择器
此引导datetimepicker插件需要文件
矩.js
。您可以看到它包含在链接到的页面底部
如果不包括它,则会在控制台中显示:
当您添加这个JS文件时,它似乎可以工作。请参阅。按顺序导入Javascript
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/moment.js"></script>
<script src="js/bootstrap-datetimepicker.js"></script>