L'obtention de la valeur de datepicker de JQUERY

Si je veux afficher les JQUERY UI datepicker en l'attachant à un DIV comme $("div#someID").datepicker() - comment puis-je accéder à la date choisie? Je suppose que si il n'est pas lié à une INPUT alors il ne sera pas soumise avec le formulaire.

Je suppose que par la suite, si j'ai besoin de le lier à un élément d'ENTRÉE, est-il un moyen de contrôler le positionnement de la datepicker par rapport à l'élément d'ENTRÉE? Si je voulais le datepicker pour apparaître au-dessus ou sur le côté de l'élément plutôt que de ci-dessous, comment dois-je procéder?

Pardonnez-moi si cette réponse est quelque part vraiment évident.

InformationsquelleAutor David Grenier | 2011-11-16
  1. 48

    Si vous voulez pour obtenir la date lorsque l'utilisateur sélectionne, vous pouvez le faire:

    $("#datepicker").datepicker({
    onSelect: function() { 
        var dateObject = $(this).datepicker('getDate'); 
    }
});

    Je ne suis pas sûr au sujet de la deuxième partie de votre question. Mais, avez-vous essayé d'utiliser les feuilles de style et le positionnement relatif?

    • Merci! Je ne peux pas croire que j'ai raté quelque sorte "getDate" en regardant à travers les docs! Je me dis que je vais sans doute aller s'amuser avec leurs feuilles de style, mais je suis toujours nerveux piratage quelque chose de quelqu'un d'autre l'a fait.
    • comment vous analysez la date "Wed Nov 08 2017 18:20:28 GMT+0100 (W. Europe Standard Time)"?
    • Assurez-vous que la date est retournée dans localtime, pas (UTC). Pour prendre de la date que l'UTC, l'utilisation Date.UTC( dateObject.getFullYear(), dateObject.getMonth(), dateObject.getDate() );
    InformationsquelleAutor chapa
  2. 9

    Vous pouvez utiliser le getDate méthode:

    var d = $('div#someID').datepicker('getDate');

    Qui vous donnera un objet Date en d.

    Il n'y a pas options pour le positionnement la fenêtre mais vous pourriez être en mesure de faire quelque chose avec les CSS ou le beforeShow événement si nécessaire.

    InformationsquelleAutor mu is too short
  3. 6
    $('div#someID').datepicker({
   onSelect: function(dateText, inst) { alert(dateText); }
});

    vous devez le lier à l'élément d'entrée seulement

    InformationsquelleAutor run
  4. 5

    Vous pouvez supprimer l'attribut name de cette entrée, afin de ne pas être soumis.

    Pour accéder à la valeur de ce contrôle:

    $("div#someID").datepicker( "getDate" )

    et vous avez peut-être un coup d'oeil au document dans http://jqueryui.com/demos/datepicker/

    • Merci! Je ne peux pas croire que j'ai raté quelque sorte "getDate" en regardant à travers les docs!
    InformationsquelleAutor Bright
  5. 2

    Vous pourriez le faire comme suit - avec validation juste pour s'assurer que le datepicker est lié à l'élément.

    var dt;

if ($("div#someID").is('.hasDatepicker')) {
    dt = $("div#someID").datepicker('getDate');
}
    InformationsquelleAutor John Gathogo
  6. 1

    Si vos éléments sélectionnés ne sont pas un, vous devez utiliser de cette façon:

    $('[type="date"]').datepicker();
$('[type="date"]').change(function() {
    var date = $(this).datepicker("getDate");
    console.log(date);
});
    InformationsquelleAutor evan.z
  7. 0

    À la position de la datepicker côté du champ de saisie vous pouvez utiliser de code suivant.

    $('#datepicker').datepicker({
    beforeShow: function(input, inst)
    {
        inst.dpDiv.css({marginLeft: input.offsetWidth + 'px'});
    }
});
    InformationsquelleAutor TeeDeJee