在 Popover 中禁用 DatePicker 的 onClick

Question

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

下面是 stackblitz https://stackblitz.com/edit/angular-jdyico?file=src%2Fapp%2Fhello.component.ts 单击“应该模仿此”按钮后，您应该会看到弹出窗口

Answer 1

您可以将 ngbDatepicker 节点放入带有 [autoClose]="'outside'" 的 popover 节点内，并且单击时不会关闭。

Answer 2

您可以将

autoClose

设置为

false

或

'outside'

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

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

Answer 3

我遇到了和你一样的问题。