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

时间:2017-11-13 14:33:32

标签: angular ngx-bootstrap

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

我尝试使用谷歌搜索,但没有找到任何相关信息。任何帮助/建议将受到高度赞赏。谢谢

1 个答案:

答案 0 :(得分:4)

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