在弹出框中禁用单击日期选择器



我有一个问题,我在弹出框中显示弹出框,我提供了一个日期选择器,用户可以在其中选择日期并执行一些操作。 但是当用户单击日期选择器时,它会从弹出框中展开,一旦用户选择任何日期,它就会隐藏弹出框。 我确实想在弹出框外的任何单击时隐藏弹出窗口,但不要在选择日期时隐藏弹出窗口,我确实尝试了 stopPropogation, preventDefault,但这没有帮助。

下面是堆栈闪电战 https://stackblitz.com/edit/angular-jdyico?file=src%2Fapp%2Fhello.component.ts 单击"应模仿此按钮"后,您应该会看到弹出框

您可以使用 [autoClose]="'outside'" 将 ngbDatepicker 节点放在弹出框节点内,它不会在单击时关闭。

您可以将autoClose设置为false'outside'

这是您的代码更新 https://stackblitz.com/edit/angular-qurywt?file=src%2Fapp%2Fhello.component.ts

有关弹出框 API https://ng-bootstrap.github.io/#/components/popover/api 的更多信息

最新更新