$('#datetimepicker1').datetimepicker({format : "DD/MM/YYYY hh:mm"});
$('#datetimepicker2').datetimepicker({format : "DD/MM/YYYY hh:mm"});
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
</head>
<br/>
<!-- padding for jsfiddle -->
<div class="row">
<div class="col-md-12">
<h6>datetimepicker1</h6>
<div class="form-group">
<div class="input-group date" id="datetimepicker1">
<input type="text" class="form-control" /> \t <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
</div>
</div>
<h6>datetimepicker2</h6>
<input type="text" class="form-control" id="datetimepicker2" />
</div>
</div>
我不知道为什么你不工作,使用dd/MM/yyyy hh:mm
给出了输出We/04/yyyy 08:43
。如果您希望输出为例如01/03/2015 12:01
,则需要设置format : "DD/MM/YYYY hh:mm"
。有关格式选项的更多信息,请参阅momentjs文档。
查看更新jsfiddle
你需要确保你包括所有必要的CSS和JS文件中的DateTimePicker需要工作的。您还需要第一次加载momentjs和jquery。查看代码片段。
这不是我期待的。这里的输出是“We/04/yyyy 08:43”。但是我想要这样的输出“01/04/2015 00:00”。 – 2015-04-01 08:46:07
好吧,你没有在你的问题中说明 - 格式“dd/MM/yyyy hh:mm”会给你我们/ 04/yyyy 08:43 - 注意大写与小写 – br3w5 2015-04-01 11:18:28
非常感谢。它工作太棒了。 – 2015-04-01 11:59:07