ngx-bootstrap - 输入的时间选择器弹出窗口

ngx-bootstrap - Timepicker popup for input

我正在使用来自 ngx-bootsrap and I want to include the time-picker to an input box as follows. (More in a popup dialog way, which used in date-picker)

time-picker 组件

有关如何执行此操作的任何建议,因为根据文档,它始终使用 time-picker HTML 指令。

eg:- <timepicker [(ngModel)]="mytime"></timepicker>

您可以使用弹出框来实现。

我为此创建了一个示例 - https://stackblitz.com/edit/so-angular-ngx-timepicker

@aspergillusOryzae:要显示仅时间格式,请使用 value 属性而不是 [(ngModel)]

<input value="{{ mytime | date: 'HH:mm' }}" [popover]="popTemplate" [outsideClick]="true" placement="bottom" />