Obtenir la date à partir de l'url et changer la date sélectionnée sur jquery datepicker

Question

Après avoir cherché un peu, j'ai décidé de poser cette question.

J'ai un sélecteur de date jquery qui se trouve dans un formulaire, et après avoir changé la date et cliqué sur soumettre l'url ressemblera à ceci : index.php?thedate=12%2F22%2F2012# ce qui est vraiment 12/22/2012 . J'ai ensuite besoin qu'il extraie l'url et modifie la date sélectionnée en fonction de ce qui se trouve dans l'url. Ainsi, pour mon premier exemple de 12/22/2012 la date sélectionnée sur le calendrier serait le 22.

Voici mon code :

<form method='get' action='#'>

    <div id="datepicker"></div>
    <input type='hidden' id='thedate' name='thedate' />

    <input type='submit' value='SUBMIT' id='submit'/>

</form>

et mon javascript :

$( "#datepicker" ).datepicker({
    minDate: 0,
    onSelect: function(dateText, inst) { 
        alert(dateText);
        document.getElementById('thedate').value=dateText;
    }
});

Merci pour toute aide ! Si vous avez besoin de plus de détails ou de précisions, n'hésitez pas à demander !

Answer 1

Vous devez définir le format de la date. Faites-le :

$( "#datepicker" ).datepicker( "option", "dateFormat", 'mm/dd/yy' );

Vous pouvez également spécifier 2 formats de date. Un pour la présentation dateformat et une autre, la date réelle à utiliser dans votre application. Cette dernière est la altformat et doit être associé à la altfield Ce champ permet de stocker la date prélevée dans son format alternatif.

$("#datepicker").datepicker({ 
  dateFormat: "mm/dd/yy",
  altFormat: "mmddyy",
  altField: "#alt-date"
});

<input type="hidden" id="alt-date"/>

Vous pouvez donc utiliser cette altField (généralement un hiddenField ) pour stocker la date et l'envoyer au serveur.

TESTEZ-LE