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

Question

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

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

您可以在网站上找到一个plunkr链接。

我尝试了$scope.ismeridian = false;选项$scope.ismeridian = false; 它隐藏了上午/下午，但时间计数仍为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

在插件链接上尝试更改此行：

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

对此：

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