在 Popover 中禁用 DatePicker 的 onClick

Question

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

下面是 stackblitz https://stackblitz.com/edit/angular-jdyico?file=src%2Fapp%2Fhello.component.ts 单击 Should Mimic this 按钮后，您应该会看到弹出框

Answer 1

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

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

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

Answer 2

您可以使用 [autoClose]="'outside'" 将 ngbDatepicker 节点放入 popover 节点中，它不会在点击时关闭。