Jquery DatePicker Définir la date par défaut

J’ai deux champs de date où j’utilise DatePicker pour choisir les dates.

Pour le premier champ de date, je veux la date du jour comme date par défaut.
Pour le deuxième champ de date, j’ai besoin today + 15 jours comme date par défaut

jQuery

 $("[name=trainingStartFromDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true}); $("[name=trainingStartToDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true});

Comment définir les dates par défaut?

J’ai essayé setDate: new Date() pour la première date, mais cela ne fonctionne pas.

La date d’aujourd’hui:

 $( ".selector" ).datepicker( "setDate", new Date()); // Or on the init $( ".selector" ).datepicker({ defaultDate: new Date() });

15 jours à compter d’aujourd’hui:

 $( ".selector" ).datepicker( "setDate", 15); // Or on the init $( ".selector" ).datepicker({ defaultDate: 15 });

jQuery ui docs

Pour créer le sélecteur de date et définir la date.

 $('.next_date').datepicker({ dateFormat: 'dd-mm-yy'}).datepicker("setDate", new Date());

utiliser defaultDate ()

Définissez la date à mettre en surbrillance lors de la première ouverture si le champ est vide. Spécifiez soit une date réelle via un object Date, soit une chaîne dans le [[UI / Datepicker # option-dateFormat | dateFormat]], soit un nombre de jours à compter 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 semaines, ‘d’ pour les jours, par exemple ‘+ 1m + 7d’) ou nul pour aujourd’hui.

essaye ça

 $("[name=trainingStartFromDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true,defaultDate: new Date()}); $("[name=trainingStartToDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true,defaultDate: +15});

Pour la date d’aujourd’hui

 $(document).ready(function() { $('#textboxname').datepicker(); $('#textboxname').datepicker('setDate', 'today');});

D’abord, vous devez obtenir la date actuelle

 var currentDate = new Date();

Ensuite, vous devez le placer dans les arguments de datepicker comme indiqué ci-dessous

 $("#datepicker").datepicker("setDate", currentDate);

Vérifiez le jsfiddle suivant.

Code pour afficher la date actuelle dans l’entrée d’élément ou le sélecteur de date avec ID = “mydate”

N’oubliez pas d’append une référence à jquery-ui – *. Js

  $(document).ready(function () { var dateNewFormat, onlyDate, today = new Date(); dateNewFormat = today.getFullYear() + '-' + (today.getMonth() + 1); onlyDate = today.getDate(); if (onlyDate.toSsortingng().length == 2) { dateNewFormat += '-' + onlyDate; } else { dateNewFormat += '-0' + onlyDate; } $('#mydate').val(dateNewFormat); });