web-dev-qa-db-fra.com

Obtenir la valeur datepicker à l'aide de jQueryUI

À l'aide de jQuery UI , comment puis-je obtenir la valeur du sélecteur de date dans la publication http lorsqu'il est utilisé comme ceci dans un formulaire

<div id="datepicker"></div>
jqueryjquery-uidatepicker
17
ingh.am
$('#datepicker').datepicker({
    onSelect: function(dateText, inst) {
      $("input[name='something']").val(dateText);
    }
});

Voici un violon: http://jsfiddle.net/jensbits/9hbmy/338/

29
jk.

Vous cherchez cela.

$("#datepicker").datepicker("getDate");
26
naveen

Init:

$( "#datepicker" ).datepicker({ dateFormat: "yy-m-dd" });

Obtenez de la valeur:

$("#datepicker").datepicker().val() //2014-4-15

Voir les paramètres de format à:

http://api.jqueryui.com/1.9/datepicker/#option-dateFormat

2
user669677

Vous devez lier le sélecteur de date à une entrée de formulaire au lieu d'un div. La valeur de l'entrée sera donc renvoyée avec le formulaire.

<input type="text" id="datepicker"></div>

<script>
    $(function () {
        $('#datepicker').datepicker();
    });
</sript>
2
Clayton

Ajouter un champ caché et l'ajouter à l'option " altField " devrait le faire.

Edit: Vous pouvez également vouloir vérifier cette solution:

HTML:

<div id="datepicker">KLICK ME</div>
<input type="hidden" id="hidde_date_field" />

JavaScript:

$('#hidde_date_field').datepicker();

$('#datepicker').click(function() {
    $('#hidde_date_field').datepicker( "show" );
});
1
Thorsten

Cela a bien fonctionné pour moi:

$("#datepicker").find(".active").attr("data-date")
0
spedy