Comment obtenir la date sélectionnée par jQuery UI Datepicker

Question

Je définis la date de début d'un événement à l'aide de jQuery UI Datepicker. Maintenant, j'ai besoin de récupérer la date sélectionnée. J'essaie d'utiliser $('#startDate').datepicker('getDate'), mais cela renvoie NULL.

En utilisant FirBug, je vois que la valeur d'entrée est rien: -
<input type="text" name="startDate" value="" id="startDate" class="hasDatepicker">

Alors, comment puis-je récupérer la date sélectionnée?

PS. : J'ai trouvé un vieux sujet concernant exactement le même problème.
http://old.nabble.com/ui.datepicker-trouble-td17846951s27240.html

Mais la solution ici ne fonctionne pas pour moi. Je viens d'obtenir un message d'erreur: -

exception uncaught: manque de données d'instance pour cette datepicker

MISE À JOUR:

Je suis en mesure de récupérer la date sélectionnée en utilisant ce code :

var arr = $('#newEvent').serializeArray(); 
    alert(arr[2].value); 

Mais c'est de loin le meilleur moyen .... N/B d'autres suggestions sont appréciées.

Answer 1

Vous pouvez utiliser un rappel pour le laisser pousser à vos données :)

$('#startDate').datepicker({ 
    onChangeMonthYear: function(year, month, inst) { ... } 
}); 

Answer 2

Facile à résoudre, changer votre code:

$('.date').live('focus', function(){ 
    $(this).datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     yearRange: '1930:'+(new Date).getFullYear() 
    }); 
});