jQuery: OnSelect funktioniert nicht für DatePicker

Question

Also ich möchte ein verstecktes Eingabefeld erstellen, das den Datepicker anzeigen wird, sobald eine Schaltfläche geklickt wird. Rufen Sie dann eine von mir erstellte Funktion auf und machen Sie etwas damit. Dies ist, was ich für die HTML haben:

<input type="hidden" id="showDate" class="datepicker"/> 
<button id="buttonDate" value="submit">Show Date</button> 

Was die jquery, das ist, was ich habe unten:

$('#buttonDate').click(function() { 
    $('#showDate').datepicker(); 
    $('#showDate').datepicker('show', { 
     onSelect: doSomething 
     } 
    }); 
}) 

function doSomething() { 
    var selectedDate = $('#showDate').val(); 
    alert("I AM HERE" + selectedDate); 
} 

Was jetzt mein Code tut, ist auf die Schaltfläche anklicken um den Kalender anzuzeigen, Aber es wird die Funktion nicht ausführen. Ich möchte diese doSomething Funktion wirklich so nennen, dass ich etwas mit dem ausgewählten Datum tun kann, aber es scheint, als ob onSelect nicht funktioniert.

Ich weiß, dass es einen "showOn: button" für datepicker gibt, aber das schafft einen neuen Pop-out Button, den ich nicht will.

Answer 1

Versuchen Sie, die onselect während sich die Initialisierung

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

     $('#showDate').datepicker({ onSelect: 
      function(dateText, inst) { 
       var selectedDate = $('#showDate').val(); 
      console.log(selectedDate); 
      } 
     }); 
     $('#showDate').datepicker('show'); 
    });