Comment obtenir la date à partir de jQuery UI datepicker

Je veux obtenir la date à partir de datepicker chaque fois que l'utilisateur de choisir la date de jQuery UI datepicker et cliquez sur le bouton sur le formulaire.

bien j'ai besoin d'obtenir le jour, le mois et l'année de la date de leur choix. Comment puis-je obtenir le formulaire de date de jQuery UI?

InformationsquelleAutor | 2011-02-07

125

Utilisation
```
var jsDate = $('#your_datepicker_id').datepicker('getDate');
if (jsDate !== null) { //if any date selected in datepicker
    jsDate instanceof Date; //-> true
    jsDate.getDate();
    jsDate.getMonth();
    jsDate.getFullYear();
}
```
- Est qu'un moyen d'exécuter la méthode, sur le type de données de Date ? Je veux dire, getDate, getMonth, getFullYear etc. ?
- Après l'appel de la fonction getDate sur datepicker vous aurez js Date() de l'objet qui peut alors être utilisé pour appeler la fonction getDate, getMonth, getFullYear etc
InformationsquelleAutor CoolEsh
85

Vous pouvez récupérer la date à l'aide de la fonction getDate:
```
$("#datepicker").datepicker( 'getDate' );
```
La valeur est retournée comme un objet Date JavaScript.

Si vous souhaitez utiliser cette valeur lorsque l'utilisateur sélectionne une date, vous pouvez utiliser le onSelect événement:
```
$("#datepicker").datepicker({
   onSelect: function(dateText, inst) { 
      var dateAsString = dateText; //the first parameter of this function
      var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
   }
});
```
Le premier paramètre est dans ce cas la Date sélectionnée en tant que Chaîne de caractères. Utilisation parseDate pour le convertir en un JS Objet Date.

Voir http://docs.jquery.com/UI/Datepicker pour le plein de jQuery UI DatePicker de référence.
- la meilleure solution, car aucune variable globale de l'objet date est nécessaire
InformationsquelleAutor Vivek
20

Essayer cela, fonctionne comme un charme, donne la date que vous avez sélectionnée.
onsubmit du formulaire essayer d'obtenir cette valeur:-
```
var date = $("#scheduleDate").datepicker({ dateFormat: 'dd,MM,yyyy' }).val();
```
Référence ici

InformationsquelleAutor NameNotFoundException
4

le lien getdate: https://api.jqueryui.com/datepicker/#method-getDate
```
$("#datepicker").datepicker( 'getDate' );
```
InformationsquelleAutor alexl
1

Parfois beaucoup de problèmes avec elle. Dans la valeur de l'attribut de datapicker de données est 28-06-2014, mais datepicker est de montrer ou d'aujourd'hui, ou rien. J'ai décidé il dans une telle manière:
```
<input type="text" class="form-control datepicker" data-value="<?= date('d-m-Y', (!$event->date ? time() : $event->date)) ?>" value="<?= date('d-m-Y', (!$event->date ? time() : $event->date)) ?>" />
```
J'ai ajouté à l'entrée de datapicker de données d'attribut-valeur, parce que si l'appel jQuery(this).val() OU jQuery(this).attr('value') - rien ne fonctionne. J'ai décidé init dans cycle chaque datapicker et prendre sa valeur à partir des données d'attribut-valeur:
```
 $("form .datepicker").each(function() {
        var time = jQuery(this).data('value');
        time = time.split('-');
        $(this).datepicker('setDate', new Date(time[2], time[1], time[0], 0, 0, 0));
    });
```
et il fonctionne très bien =)
- cela ne fonctionnera que si votre format de la date est d-mon.. si vous avez le m-d-Y ou n'importe quel autre format, vous êtes arrosé!
InformationsquelleAutor realmag777
0

NamingException réponse a fonctionné pour moi. Sauf que j'ai utilisé

var date = $("#date").dtpicker({ dateFormat: 'dd,MM,yyyy' }).val()

datepicker n'ai pas de travail mais dtpicker fait.

InformationsquelleAutor evobe

Vous devez vous connecter pour publier un commentaire.