jQuery FROM tarihine göre tarihini devre dışı bırakın

Question

Tarihler arasında arama yapmak için kullanılabilecek iki tarih alanı bulunan bir projede çalışıyorum. Yapmak istediğim, bir kullanıcı FROM alanında bir tarih seçtiğinde, TO alanındaki önceki tüm tarihler devre dışı bırakılmalıdır.

Örnek:

DAN: 2016/03/28 için: Burada yukarıdaki örnekte 2016-04-10

ben bir tarih seçerken daha sonra bu verilen iki tarih arasındaki aramak istediğiniz varsayalım TO alanındaki tarih seçiciye 2016-03-28 tarihlerine kadar tüm tarihler devre dışı bırakılmalı ve kullanıcı bunları seçememelidir. Lütfen yardım et.

jQuery tarih seçici:

<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

Böyle bunu başarabilir:

İşte

$(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), 
     }); 

    } 
    }); 

}); 

çalışan fiddle