引導程序3日期選擇器v4文檔24小時時間格式

Question

我使用的是https://eonasdan.github.io/bootstrap-datetimepicker/，是否可以使用24小時制格式？

現在我這樣使用它，但它不是我所需要

$('.dayWorkTime').datetimepicker({ 
    format: 'LT' 
}); 

Answer 1

是的，你必須設置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>