如何在组件中使用多个 ngx-bootstrap 日期选择器
how to use multiple ngx-bootstrap date pickers in a component
我的要求是在同一个 html 中使用两个以上的日期选择器。我正在使用 ngx-bootstrap 日期选择器。我的日期选择器有一个点击日期选择器显示的图像。但是当我使用两个以上的日期选择器时,日期选择器无法正常工作。就说我有两个带有图像 A 和 B 的日期选择器。当我点击 A 的图像时,日期选择器显示 A,但是当我点击 B 的图像时,它只切换 A,反之亦然.单击我调用的图像 dp.toggle() 函数,该函数与其他日期选择器相同 well.I 可能是非常错误的,但我认为因为它指的是 dp 的相同旧实例。
我不能使用日期范围选择器,因为在日期范围选择器中,为两个日期选择值是强制性的,而对我来说情况并非如此。
我试过谷歌搜索,但没有找到任何相关信息。任何 help/suggestions 将不胜感激。谢谢
您有重复的模板引用(#dp="bsDatepicker"
用于两个日期选择器)。更改第二个日期选择器的模板变量名称将解决此问题。
https://plnkr.co/edit/FGOcj79X1mx3ZPMBKX6C?p=preview
我的要求是在同一个 html 中使用两个以上的日期选择器。我正在使用 ngx-bootstrap 日期选择器。我的日期选择器有一个点击日期选择器显示的图像。但是当我使用两个以上的日期选择器时,日期选择器无法正常工作。就说我有两个带有图像 A 和 B 的日期选择器。当我点击 A 的图像时,日期选择器显示 A,但是当我点击 B 的图像时,它只切换 A,反之亦然.单击我调用的图像 dp.toggle() 函数,该函数与其他日期选择器相同 well.I 可能是非常错误的,但我认为因为它指的是 dp 的相同旧实例。 我不能使用日期范围选择器,因为在日期范围选择器中,为两个日期选择值是强制性的,而对我来说情况并非如此。
我试过谷歌搜索,但没有找到任何相关信息。任何 help/suggestions 将不胜感激。谢谢
您有重复的模板引用(#dp="bsDatepicker"
用于两个日期选择器)。更改第二个日期选择器的模板变量名称将解决此问题。
https://plnkr.co/edit/FGOcj79X1mx3ZPMBKX6C?p=preview