Comment pré-remplir une zone de texte Datepicker de jQuery avec la date du jour ?

Question

J'ai un calendrier jQuery Datepicker très simple :

$(document).ready(function(){
    $("#date_pretty").datepicker({ 
    });
});

et bien sûr dans le HTML...

<input type="text" size="10" value="" id="date_pretty"/>

La date d'aujourd'hui est joliment mise en évidence pour l'utilisateur lorsqu'il affiche le calendrier, mais comment faire pour que jQuery pré-remplisse la zone de texte avec la date d'aujourd'hui au chargement de la page, sans que l'utilisateur ait à faire quoi que ce soit ? Dans 99 % des cas, la date du jour par défaut correspond à ce que l'utilisateur souhaite.

Answer 1

Mise à jour : Des rapports indiquent que cela ne fonctionne plus dans Chrome.

Il est concis et fait le travail (obsolète) :

$(".date-pick").datepicker('setDate', new Date());

C'est moins concis et utilise enchaînement lui permet de fonctionner dans chrome (2019-06-04) :

$(".date-pick").datepicker().datepicker('setDate', new Date());

Answer 2

Vous devez d'ABORD appeler datepicker() > puis utilisez 'setDate' pour obtenir la date actuelle.

$(".date-pick").datepicker();
$(".date-pick").datepicker("setDate", new Date());

OU enchaîner l'appel de la méthode setDate après l'initialisation de votre afficheur de date, comme indiqué dans un commentaire sur cette réponse

$('.date-pick').datepicker({ /* optional option parameters... */ })
               .datepicker("setDate", new Date());

Elle PAS travailler avec seulement

$(".date-pick").datepicker("setDate", new Date());

NOTE : Les paramètres setDate acceptables sont décrits ici

Answer 3

var myDate = new Date();
var prettyDate =(myDate.getMonth()+1) + '/' + myDate.getDate() + '/' +
        myDate.getFullYear();
$("#date_pretty").val(prettyDate);

semble fonctionner, mais il y a peut-être une meilleure solution

Answer 4

Le site setDate() définit la date et met à jour le contrôle associé. Voici comment :

$("#datepicker1").datepicker({
    dateFormat: "yy-mm-dd"
}).datepicker("setDate", "0");

Démo

Comme mentionné dans la documentation, setDate() accepte heureusement l'objet JavaScript Date, un nombre ou une chaîne :

La nouvelle date peut être un objet Date ou une chaîne de caractères au format de la date actuel (par exemple, '26/01/2009'), un nombre de jours à partir d'aujourd'hui (par exemple, +7) ou une chaîne de valeurs et de périodes ('y' pour les années, 'm' pour les mois, 'w' pour les années). chaîne de valeurs et de périodes ('y' pour les années, 'm' pour les mois, 'w' pour les semaines, 'd' pour les jours, etc. semaines, 'd' pour les jours, par exemple '+1m +7d'), ou null pour effacer la date sélectionnée. sélectionnée.

Au cas où vous vous poseriez la question, le réglage defaultDate dans le constructeur n'est pas mettre à jour le contrôle associé.

Answer 5

Régler sur aujourd'hui :

$('#date_pretty').datepicker('setDate', '+0');

Régler sur hier :

$('#date_pretty').datepicker('setDate', '-1');

Et ainsi de suite avec un nombre illimité de jours avant ou après date du jour .

Voir jQuery UI ' Méthodes ' setDate .