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

【问题标题】：Need 12 hour format without showing AM/PM Timepicker需要 12 小时格式而不显示 AM/PM Timepicker
【发布时间】：2014-10-15 16:17:08
【问题描述】：

我正在使用来自 Angular 指令的 Timepicker 进行引导。

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

网站上有 plunkr 链接，您可以随意使用。

我尝试了选项$scope.ismeridian = false; 它隐藏了上午/下午，但时间计数仍为 24。

感谢您的帮助。

【问题讨论】：

【解决方案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;
}

【讨论】：

【解决方案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>

【讨论】：

需要从 up down 计时器中删除 am/pm。不是来自这里。
更改show-meridian 属性。这行<timepicker ng-model="mytime" ng-change="changed()" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></timepicker> 应如下所示：<timepicker ng-model="mytime" ng-change="changed()" hour-step="hstep" minute-step="mstep" show-meridian="false"></timepicker>
部分完成。只需在 pre 标签内以 12 小时格式显示
```
Time is: {{mytime | date:'HH:mm' }}
```
目前显示为 15:45
将 HH:mm 替换为 h:mm 或 hh:mm，填充。