sat*_*mar 4 html css jquery-ui twitter-bootstrap bootstrap-datetimepicker
如何在bootstrap 3 datetimepicker中设置格式.我想要格式"dd/MM/yyyy hh:mm",我不想要"AM"和"PM".对于我可以在这里使用的语言.以下小提琴我该怎么做?
http://jsfiddle.net/Eonasdan/0Ltv25o8/
$('#datetimepicker1').datetimepicker({
format : "dd/MM/yyyy hh:mm",
});Run Code Online (Sandbox Code Playgroud)
<!-- padding for jsfiddle -->
<div class="row">
<div class="col-md-12">
<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-calendar glyphicon"></span></span>
</div>
</div>
</div>
</div>Run Code Online (Sandbox Code Playgroud)
$('#datetimepicker1').datetimepicker({format : "DD/MM/YYYY hh:mm"});
$('#datetimepicker2').datetimepicker({format : "DD/MM/YYYY hh:mm"});Run Code Online (Sandbox Code Playgroud)
<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" /> <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>Run Code Online (Sandbox Code Playgroud)
我不知道为什么你的工作没有用,使用dd/MM/yyyy hh:mm输出We/04/yyyy 08:43.例如,如果您想要输出,则01/03/2015 12:01需要进行设置format : "DD/MM/YYYY hh:mm".有关格式选项的更多信息,请查看momentjs文档.
请参阅更新的jsfiddle
您需要确保包含datetimepicker需要工作的所有必需的css和js文件.您还需要先加载momentjs和jquery.请参阅代码段.
在输入标签中添加data-date-format ="YYYY-MM-DD HH:mm"也可以.
<input type="text" class="form-control" data-date-format="YYYY-MM-DD HH:mm"/>
Run Code Online (Sandbox Code Playgroud)