需要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>