使用 ng-pick-date-time 以 12 小时格式显示时间选择器

Posted 2023-03-05

【中文标题】使用 ng-pick-date-time 以 12 小时格式显示时间选择器

【英文标题】：Show Time Picker in 12 Hour Format with ng-pick-date-time

【发布时间】：2020-12-17 02:37:14

【问题描述】：

我正在使用 owl 日期时间选择器对话框，并提供了 momentjs 提供程序来获取我想要在输入字段中显示的格式。但是我可以以 12 小时格式显示选择器吗，即在时间旁边显示 AM 和 PM 的选择。

【参考方案1】：

根据此处的文档，您需要在 owl 日期时间选择器上将 hour12Timer 选项设置为 true：

Documentation, select 'API'

【讨论】：

完全错过了这个文档。

【参考方案2】：

在 owl-date 时间组件中使用 [hour12Timer] = "'true'" 。 例子

 <input  name="mydate" [owlDateTimeTrigger]="dt4" [owlDateTime]="dt4">
<owl-date-time  [pickerType]="'timer'" [hour12Timer] = "'true'" #dt4></owl-date-time>