Comment sélectionner une date future dans le datepicker de jquery

je suis en utilisant datePicker de cette façon:

$("#dataStart").datepicker({
beforeShow: function () { $('#ui-datepicker-div').css('z-index',9999); },
dateFormat: 'mm/dd/yy'});
$("#dataEnd").datepicker({
beforeShow: function () { $('#ui-datepicker-div').css('z-index',9999); },
dateFormat: 'mm/dd/yy'});

Je veux de la force sélectionnez une date dans le futur et non dans le passé, est-il une possibilité de le faire?
si oui, il est possible de modifier de façon dynamique pour la deuxième datepicker, de sorte que si l'utilisateur de sélectionner une date, dans le deuxième champ, il a pour sélectionner une date à côté de la première.
j'espère que je demande ainsi à ma question 🙂
Merci à tous!

OriginalL'auteur JackTurky | 2012-02-02

  1. 12

    minDate:1 doit autoriser uniquement les dates de demain et ainsi de suite. Puis ajouter un onselect de restreindre dataEnd:

    $("#dataStart").datepicker({
    minDate: 1,
    onSelect: function(theDate) {
        $("#dataEnd").datepicker('option', 'minDate', new Date(theDate));
    },
    beforeShow: function() {
        $('#ui-datepicker-div').css('z-index', 9999);
    },
    dateFormat: 'mm/dd/yy'
});

    Référence: http://blog.alagad.com/2009/04/20/playing-with-jquery-datepicker/

    Exemple: http://jsfiddle.net/jtbowden/F39kt/

    datepicker dans dataEnd de cette manière ne fonctionne pas...
    Que voulez-vous dire?
    si je clique sur l'entrée de texte datepicker dans dateend ne montre pas
    Voir exemple ici: jsfiddle.net/jtbowden/F39kt
    merci!!!!!!!!!!!

    OriginalL'auteur Jeff B

  2. 2

    Si vous retournez [false] dans beforeShowDay cas de datepicker il désactive ce jour-là. Vous pouvez comparer le jour et la date actuelle et le retour [true/false] en conséquence.

    De l'essayer.

    $("#dataStart").datepicker({
     beforeShow: function () { 
         $('#ui-datepicker-div').css('z-index',9999); 
     },
     dateFormat: 'mm/dd/yy',
});
$("#dataEnd").datepicker({
     beforeShow: function () { 
         $('#ui-datepicker-div').css('z-index',9999); 
     },
     dateFormat: 'mm/dd/yy',
     beforeShowDay: function(date){
          return [(date > ($("#dataStart").datepicker("getDate") 
                          || new Date()))];
     }
});

    Démo

    Check this out.
    Ajouté le code de comparer la date de Fin avec la date de Début et de désactiver les dates en conséquence. Si la date de Début n'est pas disponible, je suis simplement en la comparant avec la date actuelle.

    OriginalL'auteur ShankarSangoli

  3. 0
    var myDate = new Date();
myDate.setDate(myDate.getDate()+10);
var prettyDate =(myDate.getMonth()+1) + '/' + myDate.getDate() + '/' + myDate.getFullYear();

$("#thedate").datepicker({dateFormat: 'mm/dd/yy',altFormat: 'yyyymmdd'});
$("#thedate").val(prettyDate);

    C'est comment je le fais. 'date' est mon datepicker. Je suis cogner à la date d'aujourd'hui + de 10 jours.

    OriginalL'auteur Sid

  4. 0

    ...

    var dates=$("#from, #to").datepicker({
     changeMonth:true, onSelect: function( selectedDate ) {
         var option = this.id == "from" ? "minDate" : "maxDate",
         instance = $( this ).data( "datepicker" ),
         date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings );
         dates.not( this ).datepicker( "option", option, date );
     }
 });

    OriginalL'auteur bmoran

  5. 0

    http://jqueryui.com/demos/datepicker/.

    Regarder la minDate option. Vous pouvez le configurer de manière dynamique avec le option méthode.

    OriginalL'auteur Jasper

  6. 0

    C'est un vieux thread mais c'est un peu flous. Peut-être parce que des changements à la jQuery UI Widget lui-même, mais pour toute personne de tomber sur ceci:

    De limiter datepickers champ d'application à des dates futures seulement - définir la minDate paramètre à 0.

    De limiter dernières dates seulement, vous définissez la maxDate paramètre à 0.

    C'est sympa car il évite d'avoir à appeler un new Date() fonction comme il est mentionné ailleurs dans ce fil.

    Exemple:

    $('.your_datepicker').datepicker({
    minDate: 0
});

    OriginalL'auteur DrewT