需要12小时格式而不显示AM/PM时间选择器

Need 12 hour format without showing AM/PM Timepicker

本文关键字:PM 时间 选择器 AM 显示 12小时 格式 需要      更新时间:2023-09-26

我使用Angular指令中的Timepicker进行引导。

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

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

我尝试了$scope.ismeridian = false;选项它隐藏了上午/下午,但时间仍然是24。

谢谢你的帮助。

将类应用于时间选择器:

<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;
}

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

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

到此:

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