javascript - dalelotts angular-bootstrap-datetimepicker 在 timepicker 中显示 24 小时格式

Question

我正在使用 Dalelotts Datetimepicker。

DateTimePicker

我想知道是否有一种方法可以设置，以便 dateTIMEpicker 在时间选择器中显示 24 小时而不是 AM/PM 时间。

IE:09:00 和 21:00，而不是 9:00AM 和 9:00PM

这是代码:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
<script data-require="angular.js@*" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script>
<script type="text/javascript" src="Scripts/angular-bootstrap-datetimepicker/src/js/datetimepicker.js"></script>
<script type="text/javascript" src="Scripts/angular-bootstrap-datetimepicker/src/js/datetimepicker.templates.js"></script>

<link rel="stylesheet" href="Scripts/angular-bootstrap-datetimepicker/src/css/datetimepicker.css" />
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">



<div class="col-lg-12 col-md-6">
  <lable class="lfInputLable">From date</lable>
  <div class="dropdown">
    <a class="dropdown-toggle" id="dropdown1" role="button" data-toggle="dropdown" data-target="#">
      <div class="input-group">
        <input type="text" class="form-control" data-ng-model="data.dateDropDownInput1" data-date-time-input="YYYY-MM-DD HH:mm"><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
      </div>
    </a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
      <datetimepicker data-ng-model="data.dateDropDownInput1" data-datetimepicker-config="{ dropdownSelector: '#dropdown1' }" />
    </ul>
  </div>
</div>

Answer 1

格式由 moment.js 确定 - 请参阅 https://momentjs.com/docs/#/i18n/

您可以将 LT、ll 和 lll 格式设置为您想要在日期/时间选择器中显示的格式。请参阅https://github.com/dalelotts/angularjs-bootstrap-datetimepicker#hour-and-minute-formats