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

标签 angular ngx-bootstrap

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

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

最佳答案

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

关于angular - 如何在组件中使用多个 ngx-bootstrap 日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47266771/

相关文章:

angular - 使用 ngx-bootstrap 从 angular 7 更新到 Angular 8.0.0-beta.7 时出错

angular - 表单中的两种方式数据绑定(bind)不起作用Angular 2

Angular 路由器 : how to replace param?

angular - 如何为整个应用程序编写一次 ionic 警报组件?

css - Angular ngx-bootstrap 隐藏选项卡内容

javascript - 如何使用 ngx-bootstrap 在禁用的按钮上显示工具提示

angular - ionic 4 : Setting root page

javascript - ng.probe(selector) 总是导致 NULL

angular - 如何对齐 ngx-bootstrap 日期选择器

angular - ngx-bootstrap 预输入更改检测问题