DatePicker de Jquery par défaut de la date

J'Ai deux champs de date où je l'utiliser 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 que ma date par défaut

jQuery

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

Comment puis-je définir la valeur par défaut des dates?

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

InformationsquelleAutor maaz | 2013-01-29
  1. 48

    Date d'aujourd'hui:

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

    15 jours à partir d'aujourd'hui:

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

    jQuery ui docs

    • J'point même qu'il montre dans la zone de texte, mais pas dans le calendrier
    • Si vous voyez ceci, c'est probablement parce que vous n'avez pas initialisé le sélecteur de date. Vous avez à courir "$( ".sélecteur" ).datepicker()" avant de l'exécuter "$( ".sélecteur" ).datepicker( "setDate", new Date());"
    InformationsquelleAutor gdoron
  2. 25

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

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

    utilisation defaultDate()

    Régler la date pour mettre en surbrillance sur la première ouverture, si le champ est vide. Spécifiez une date réelle par l'intermédiaire d'un objet Date, ou comme une chaîne de caractères dans le courant de [[UI/Datepicker#l'option-dateFormat|dateFormat]], ou un certain nombre de jours à partir d'aujourd'hui (par exemple, +7), ou une chaîne de valeurs et des périodes ("y" pendant des années, " m "pendant des mois," w "pendant des semaines," d " pour les jours, par exemple '+1m +7d), ou null pour aujourd'hui.

    essayer cette

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

    Pour la Date d'aujourd'hui 

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

    Vous devez d'abord obtenir la date courante

    var currentDate = new Date();

    Alors vous devez le placer dans les arguments de datepicker comme donné ci-dessous

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

    Vérifiez les points suivants jsfiddle.

    InformationsquelleAutor Haisum Usman
  6. 3
    <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>
    InformationsquelleAutor jayesh dhameliya
  7. 0

    Le Code pour afficher la date actuelle dans l'élément d'entrée ou de datepicker ID="madate"

    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);
    });
    InformationsquelleAutor Radha Anil K