как использовать несколько средств выбора даты ngx-bootstrap в компоненте

Мое требование - использовать более двух средств выбора даты в одном HTML. Я использую средство выбора даты ngx-bootstrap. В моем средстве выбора даты есть изображение, по клику на которое появляется средство выбора даты. но когда я использую более двух средств выбора даты, средство выбора даты не работает так, как должно работать. Просто скажите, что у меня есть два средства выбора даты с изображением на нем A и B. Когда я нажимаю на изображение средства выбора даты, появляется A, но когда я нажимаю на изображение B, и оно переключается только для A и наоборот . при нажатии на изображение я вызываю функцию dp.toggle(), которая одинакова и для других средств выбора даты. Я могу ошибаться, но я думаю, потому что вместо этого она ссылается на тот же старый экземпляр dp. Я не могу использовать средство выбора диапазона дат, так как в средстве выбора диапазона дат выбор значений для обеих дат является обязательным, и для меня это не так.

Я пробовал гуглить, но не нашел подходящей информации. Любая помощь/предложения будут высоко оценены. Спасибо


person Amit    schedule 13.11.2017    source источник
comment
Можете ли вы показать нам код ..?   -  person JayDeeEss    schedule 13.11.2017
comment
HI JayDeeEss Пожалуйста, найдите plukr для кода   -  person Amit    schedule 14.11.2017
comment
plnkr.co/edit/DepDNsG9m0n2sl6eujbm?p=preview   -  person Amit    schedule 14.11.2017


Ответы (1)


У вас дублируются ссылки на шаблоны (#dp="bsDatepicker" используется для обоих средств выбора даты). Изменение имени переменной шаблона для второго средства выбора даты решит эту проблему. https://plnkr.co/edit/FGOcj79X1mx3ZPMBKX6C?p=preview

person IlyaSurmay    schedule 14.11.2017
comment
Спасибо, Иия Сурмай. Это то, что я искал. Вы спасли мой день - person Amit; 15.11.2017