需要12小时格式而不显示AM / PM Timepicker

Question

我正在使用Angular指令中的Timepicker进行bootstrap。

我只需要12小时格式，但没有AM / PM

网站上有一个可以玩的plunkr链接。

我尝试了选项$scope.ismeridian = false; 它让am / pm隐藏但时间计数仍然是24。

感谢您的帮助。

Answer 1

将课程应用于您的时间选择器：

<timepicker class="timepicker" ng-model="mytime" ng-change="changed()" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></timepicker>

然后使用CSS隐藏AM / PM按钮：

.timepicker tr:nth-child(2) td:last-child {
   display: none;
}

Answer 2

在plunker链接上尝试更改此行：

<pre class="alert alert-info">Time is: {{mytime | date:'shortTime' }}</pre>

到此：

<pre class="alert alert-info">Time is: {{mytime | date:'HH:mm' }}</pre>