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

时间:2018-08-28 09:12:37

标签: angular typescript ngx-bootstrap

我正在使用ngx-bootsrap中的time-picker组件,并且希望将time-picker包含在输入框中,如下所示。 (更多内容以{@ 3}}中的弹出对话框形式出现)

date-picker

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

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

2 个答案:

答案 0 :(得分:5)

您可以使用弹出框来实现这一目标。

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

答案 1 :(得分:2)

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

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