Open multidatespicker on button click

Question

I have the following code working with a simple datepicker; when I click on the button the picker displayed.

I need this to be work with a multidatespicker:

Simple datepicker JS script.

<script type="text/javascript"> 
$(document).ready(function(){
    $('#date').datepicker();
    $('#btnRepercute').click(function() {
          $('#date').datepicker('show');
      });
    });
    </script>

HTML input fields.

<input type="button" value="Répercuter" class="button" id="btnRepercute"/>
<input type="text" id="date" class="hidden" />

Attempts so far with multidatespicker

$('#date').multiDatesPicker();
$('#btnRepercute').click(function() {
      $('#date').multiDatesPicker();
});

Nothing happens, no errors in the console. Thanks in advance for your help!

What's multiDatesPicker? If it's a plugin you may want to link to the source. — j08691, Jun 11 '13 at 13:48
It's a simple multi dates picker : http://multidatespickr.sourceforge.net/ — BYU, Jun 11 '13 at 13:49

score 3 · Accepted Answer · answered Jun 11 '13 at 13:58

First you need to unregister the datepicker event and then attach the multiDatesPicker event , after that focus the element

$('#btnRepercute').click(function() {

  $("#date").datepicker( "destroy" );
 $('#date').multiDatesPicker();
 $('#date').focus();
});

Hope it works fine

Open multidatespicker on button click

1 Answers1