引导程序3日期选择器v4文档24小时时间格式
问题描述:
我使用的是https://eonasdan.github.io/bootstrap-datetimepicker/,是否可以使用24小时制格式?引导程序3日期选择器v4文档24小时时间格式
现在我这样使用它,但它不是我所需要
$('.dayWorkTime').datetimepicker({
format: 'LT'
});
答
是的,你必须设置format
到HH:mm
。
由于文档说:
为有效格式见momentjs' docs。格式还指示显示哪些组件,例如MM/dd/YYYY不会显示时间选择器。
这里工作的例子:
$("#datetimepicker1").datetimepicker({
format: 'HH:mm'
});
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.2/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<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>