jQuery datepicker définir la date sélectionnée, à la volée

Comment puis-je modifier la date sélectionnée du sélecteur de dates jquery de manière dynamic à la volée? J’ai dit créé un sélecteur de date en ligne. Puis, après un certain temps, je souhaite que la date soit différente sans recréer le datepicker à partir de zéro.

J’ai essayé la méthode setDate, mais elle ne fonctionnait pas et la documentation ne contient pas beaucoup de documentation.

Il y a un autre plugin (étendu?) Ici , mais je veux utiliser le plugin fourni avec jquery.ui.all.js.

Quelle version de jQuery-UI utilisez-vous? J’ai testé ce qui suit avec 1.6r6, 1.7 et 1.7.1 et ça marche:

//Set DatePicker to October 3, 2008 $('#dateselector').datepicker("setDate", new Date(2008,9,03) );

Vérifiez que la date à laquelle vous essayez de la définir est comprise dans la plage de dates autorisée si les options minDate ou maxDate sont définies.

Cet exemple montre comment utiliser la valeur par défaut dans le calendrier déroulant et la valeur dans la zone de texte. Il montre également comment définir la valeur par défaut à la date précédente.

selectedDate est une autre variable qui contient la date sélectionnée du contrôle du calendrier

  var date = new Date(); date.setDate(date.getDate() - 1); $("#datepicker").datepicker({ dateFormat: "yy-mm-dd", defaultDate: date, onSelect: function () { selectedDate = $.datepicker.formatDate("yy-mm-dd", $(this).datepicker('getDate')); } }); $("#datepicker").datepicker("setDate", date);

A noté que pour DatePicker par Keith Wood ( http://keith-wood.name/datepickRef.html ) les travaux suivants – notez que le réglage de la date par défaut est le dernier:

  $('#datepicker').datepick({ minDate: 0, maxDate: '+145D', multiSelect: 7, renderer: $.datepick.themeRollerRenderer, ***defaultDate: new Date('1 January 2008')*** });

Pour certaines raisons, dans certains cas, je ne pouvais pas faire fonctionner setDate.

Une solution de contournement que j’ai trouvée consiste simplement à mettre à jour l’atsortingbut value de l’entrée donnée. Bien sûr, le datepicker lui-même ne sera pas mis à jour, mais si vous cherchez simplement à afficher la date, cela fonctionne bien.

 var date = new Date(2008,9,3); $("#your-input").val(date.getMonth()+"/"+date.getDate()+"/"+date.getFullYear()); // Will display 9/3/2008 in your #your-input input

setDate uniquement semble être un problème avec un datepicker en ligne utilisé dans l’interface utilisateur de jquery, l’erreur spécifique est InternalError: trop de récursivité.

Cela fonctionne pour moi:

 $("#dateselector").datepicker("option", "defaultDate", new Date(2008,9,3));

$ (‘. date-pick’). datePicker (). val (nouvelle date ()). sortinggger (‘changement’)

enfin ce que je cherche depuis quelques heures! J’ai besoin d’initier des changements, pas seulement de configurer la date dans un champ de texte!

J’ai aussi eu beaucoup de problèmes avec la méthode setDate. semble fonctionner uniquement dans v1. Ce qui semble fonctionner fonctionne cependant avec la méthode dpSetSelected:

  $("#dateselector").dpSetSelected(new Date(2010, 0, 26).asSsortingng());

bonne chance!

Ceci est un ancien sujet, mais je veux juste donner quelques informations sur ce que j’ai utilisé. Si vous souhaitez définir la date d’aujourd’hui, vous pouvez simplement l’appliquer comme ci-dessous.

  $("#datepickerid").datepicker("setDate", "0");

Si vous souhaitez définir quelques jours avant / après la date actuelle, utilisez le symbole symbole -/+ nombre de jours souhaité ci-dessous.

  $("#datepickerid").datepicker("setDate", "-7"); $("#datepickerid").datepicker("setDate", "+5");

ou vous pouvez simplement avoir

 $('.date-pick').datePicker().val(new Date()).sortinggger('change')