Bootstrap daterangepicker open with button

Question

I am using bootstrap daterangepicker (dangrossman) and Bootstrap 3. Now I want to be able to open daterangepicker using the addon button and clicking in the input field

my code is:

<div class="form-group"> <div class="input-group input-group-sm"> <span class="input-group-btn"> <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-calendar"></span></button> </span> <input id="daterangepicker" class="form-control" type="text" name="daterangepickerDisplay"> </div> </div> 

This works .. but only when I click in the input field.

Answer 1

It worked for me!

$ ('# my-input') data ('daterangepicker') switch (); ..

Answer 2

try this code

 $('#some-button').click(function () { $('#my-input').datepicker('show'); })