如何在组件中使用多个 ngx-bootstrap 日期选择器

Question

我的要求是在同一个 html 中使用两个以上的日期选择器。我正在使用 ngx-bootstrap 日期选择器。我的日期选择器有一个点击日期选择器显示的图像。但是当我使用两个以上的日期选择器时，日期选择器无法正常工作。只是说我有两个日期选择器，上面有图像 A 和 B。当我点击日期选择器的图像时会显示 A，但是当我点击 B 的图像时，它只切换 A，反之亦然. 单击图像时，我正在调用 dp.toggle() 函数，这对于其他日期选择器也是相同的。我可能是非常错误的，但我认为因为它指的是同一个旧的 dp 实例。我不能使用日期范围选择器，因为在日期范围选择器中为两个日期选择值是强制性的，而对我来说情况并非如此。

我尝试谷歌搜索，但没有找到任何相关信息。任何帮助/建议将不胜感激。谢谢

Answer 1

您有重复的模板引用（#dp="bsDatepicker"用于两个日期选择器）。更改第二个日期选择器的模板变量名称将解决此问题。 https://plnkr.co/edit/FGOcj79X1mx3ZPMBKX6C?p=preview