Open Daterangepicker on Button Click

[MxPie200]

Hello,

we want to open the Daterangepicker when the user clicks on a specific button.
The Daterangepicker is an input field, right next to it the button.
The problem is, the button' click seems to trigger the show() function twice.
So the first "part" of click triggers the daterangepicker to close and at same time to open again.
Currently, our button's onclick looks like this:
$('#daterangepicker0').data('daterangepicker').show()

-> So we are able to open the daterangepicker, but never able to close it again

Are we missing something?

[dangrossman]

Two things you can try/consider:

1. Attach the date range picker to the button, not to the input. Update the input after dates are chosen using a callback function or event listener.

2. Have your button trigger a click on the input, rather than calling the show method of the picker.

[MxPie200]

@dangrossman
The first option does not work, I attached it to the button.
It does open the picker on button click, but it does not close.

Second option cant be used, because we dont want a double function for the input.

As you can see in the screentshot, there is the input field where we want

• display selected range
• user clicks input and can get edit range via keyboard
• click should NOT OPEN the daterangepicker

and there is the button on the right which should only open and close the daterangepicker.

[dangrossman]

Ok, sorry I couldn't help, good luck