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

标签 javascript angularjs angularjs-directive angular-ui-bootstrap

我正在使用 Timepicker来自 Bootstrap 的 Angular 指令。

我只需要 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;
}

关于javascript - 需要 12 小时格式而不显示 AM/PM Timepicker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26377242/

相关文章:

javascript - Express JS 和 Mongoose Schema 嵌入 DBRef 示例

javascript - 在 AngularJS 中使用 $broadcast 和 Service 将数据传递给指令

angularjs - Angular UI-Bootstrap 中的 "dismiss"模态和 "close"模态有什么区别?

angularjs ng-if 值和函数的区别

javascript - 同时在 Backbone.js 中对 Collection 的 ListView 重新编号

Javascript OOP 类 - 将属性分配给函数

javascript - 查询 : Is there a difference between a programmatic click and a manual click?

javascript - 在 AngularJS 中,如何在输入有效数据后在输入字段前显示绿色勾号?

angularjs - 两个指令共享同一个 Controller

javascript - 如何使用自定义指令作为类在 AngularJS 中使用日期选择器?