ngx-bootstrap - 用于输入的Timepicker弹出窗口

Question

我正在使用ngx-bootsrap中的time-picker组件,我想将其包含在输入框中,如下所示.(更多弹出式对话框方式,用于日期选择器)time-picker

关于如何做到这一点的任何建议,因为根据文档,它总是使用time-pickerHTML指令.

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

Answer 1

您可以使用popover来实现此目的.

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

Answer 2

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

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