jQuery deaktivieren TO-Datum relativ zu FROM-Datum

Question

Ich arbeite an einem Projekt, bei dem zwei Datumsfelder verfügbar sind, die für die Suche zwischen den Daten verwendet werden. Was ich tun möchte, ist, wenn ein Benutzer ein Datum im FROM-Feld auswählt, sollten alle vorherigen Daten im TO-Feld deaktiviert werden.

Beispiel:

AB: 2016.03.28 An: 2016-04-10

Hier im obigen Beispiel nehme ich zwischen diesen beiden angegebenen Daten dann suchen möchten, während ein Datum der Wahl aus die Datumsauswahl im TO-Feld Alle Daten bis zum 2016-03-28 sollten deaktiviert sein und der Benutzer darf sie nicht auswählen können. Bitte helfen Sie.

jQuery Datumsauswahl:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script src="css/jquery-1.10.1.min.js"></script> 
<script src="css/jquery-ui.js"></script> 
<script> 
$(function(){ 
    $('.date').datepicker({ format: 'yyyy-mm-dd'}); 
}); 
</script> 

HTML:

<div class="form-group col-sm-2"> 
       <label>From</label> 
       <input type="text" name="fdate" autocomplete="off" class="form-control date" style="height:25px;" value="<?php echo $fdate; ?>" /> 
      </div> 
      <div class="form-group col-sm-2"> 
       <label>To</label> 
       <input type="text" name="tdate" autocomplete="off" class="form-control date" style="height:25px;" value="<?php echo $tdate; ?>" /> 
      </div> 

Answer 1

Sie können es wie folgt erreichen:

$(function(){ 
    var dateObject; 
    $("input[name='fdate']").datepicker({ 
    format: 'yyyy-mm-dd', 
    onSelect: function(dateText, inst) { 
    dateObject = $(this).datepicker({dateFormat: 'yyyy-mm-dd'}).val(); 
    $("input[name='tdate']").datepicker({ 
     format: 'yyyy-mm-dd', 
     minDate: new Date(dateObject), 
     }); 

    } 
    }); 

}); 

Hier ist die Arbeits fiddle