web-dev-qa-db-fra.com

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 de 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 le premier rendez-vous mais ça ne marche pas.

jqueryjquery-uijquery-ui-datepicker
24
maaz

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

46
gdoron

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

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

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 objet 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});
8
bipen

Pour la date d'aujourd'hui 

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

Vous devez d'abord obtenir la date du jour

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 suivant jsfiddle .

6
Haisum Usman
<script  type="text/javascript">
    $(document).ready(function () {
        $("#txtDate").datepicker({ dateFormat: 'yy/mm/dd' }).datepicker("setDate", "0");
        $("#txtDate2").datepicker({ dateFormat: 'yy/mm/dd',  }).datepicker("setDate", new Date().getDay+15); });                       </script>
3
jayesh dhameliya

Code permettant d'afficher la date actuelle dans l'entrée d'élément ou le sélecteur de date avec ID = "mydate" 

N'oubliez pas d'ajouter 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.toString().length == 2) {
            dateNewFormat += '-' + onlyDate;
        }
        else {
            dateNewFormat += '-0' + onlyDate;
        }
        $('#mydate').val(dateNewFormat);
    });
0
Radha Anil K