twitter-bootstrap - Bootstrap 日期时间选取器工作不正常 我已经在这里粘贴了日期选取器的代码

  显示原文与译文双语对照的内容
0 0

我试图在表单中包含一个 datetimepicker 。 虽然我尝试了很多修复它的方法,但它不能正常工作。 我已经在下面粘贴了我的代码。

<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>

我在下面的链接中实现日期时间选择器。

http://eonasdan.github.io/bootstrap-datetimepicker/

时间:原作者:2个回答

0 0

这个引导datetimepicker插件需要文件 moment.js 。 你可以看到它包含在你链接到 http://eonasdan.github.io/bootstrap-datetimepicker/页面的页面的底部。

如果不包含,则将显示在控制台中:

moment error in console.log

当你添加这个JS文件时,它似乎工作。 在中看到一个 JSFiddle 。

原作者:
0 0

按顺序导入你的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>
原作者:
...