Comment Définir la date minimale et maximale de façon dynamique en jquery UI sélecteur de date

J'ai mis deux datepikcer date du début et la date dans ma page web pour générer le rapport. Je veux faire une demande de validation sur les deux datepicker pour la sélection de la date. J'ai écris commune jquery code pour définir date minimale et maximale de deux datepikcer mais il ne fonctionne pas pour moi. J'ai aussi écrire du code pour les minimum et maximum de la date de clôture de datepicker.

Mon exigence est que je veux minimum et maximum date dynamiquement lors de l'datepicker est initialiser. Puis, après également définir un autre maximum et minimum de la date à laquelle l'utilisateur peut sélectionner la date à partir de tout datepicker

$("#frm_date").datepicker({
 showOn: 'button', 
 buttonImage: 'images/calendar.gif', 
 buttonImageOnly: true,
 dateFormat:'yy-mm-dd',
 onClose: function( selectedDate ) {
                            $( "#to_date" ).datepicker( "option", "minDate", selectedDate );
               }
});


 $("#to_date").datepicker({
 showOn: 'button', 
 buttonImage: 'images/calendar.gif', 
 buttonImageOnly: true,
 dateFormat:'yy-mm-dd',
 onClose: function( selectedDate ) {
                      $("#frm_date" ).datepicker( "option", "maxDate", selectedDate );
                   }
 });

$(".datepick").datepicker({dateFormat:'yy-mm-dd',minDate:'2013-09-10' ,maxDate:'2013-10-10'});

OriginalL'auteur Hkachhia | 2013-10-11

  1. 3

    J'ai résolu mon problème à l'aide du code ci-dessous.

    Voir également ci-dessous la solution sur jquery site du forum. https://forum.jquery.com/topic/how-to-set-minimum-and-maximum-date-dynamically-in-jquery-ui-date-picker

    $.datepicker.setDefaults({
          showOn: 'button', 
          buttonImage: 'images/calendar.gif', 
          buttonImageOnly: true,
          dateFormat: 'yy-mm-dd',
          minDate: '2013-09-10',
          maxDate: '2013-10-10'
    });
    $('#frm_date').datepicker({
          onSelect: function(selectedDate) {
                $('#to_date').datepicker('option', 'minDate', selectedDate || '2013-09-10');
          }
    });
    $('#to_date').datepicker({
          onSelect: function(selectedDate) {
                $('#frm_date').datepicker('option', 'maxDate', selectedDate || '2013-10-10');
          }
    });

    $(".datepick").datepicker({dateFormat:'yy-mm-dd',minDate:'2013-09-10' ,maxDate:'2013-10-10'});

    OriginalL'auteur Hkachhia

  2. 0

    Vous pouvez appeler beforeShow méthode pour définir une option juste avant le calendrier est affiché:

    $("#to_date").datepicker({
    beforeShow:function(){
        $(this).datepicker('option',
                            {
                                minDate:new Date()
                             }
                          );
    }
});

    OriginalL'auteur TheVillageIdiot