如何在JQuery UI Datepicker中設置date2> date1？

Question

嗨，我想從第一個日期選擇器中選擇出生日期。在第二個日期選擇器選擇日期僅在出生日期之前。

http://jsfiddle.net/boopathirajan/6c3v5gna/2/

我在這裏添加代碼。

所以幫我如何挑選日期2>日期1只

HTML

<div class="wrapper"> 
    <input type="text" value="" id="date1" name="dob"> 
     <input type="text" value="" id="date2" name="vcc"> 
</div> 

jQuery的

jQuery('#date1').datepicker({ 
           dateFormat : 'dd-mm-yy', 
           maxDate: 0 
           }); 

    jQuery('#date2').datepicker({ 
           dateFormat : 'dd-mm-yy', 
           maxDate: 0 
          }); 

Answer 1

它的做工精細

jQuery('#date1').datepicker({ 
     dateFormat : 'dd-mm-yy', 
     maxDate: 0, 
     onSelect: function (date) { 
      $('#date2').datepicker('option', 'minDate', date); 
       } 
      }); 

jQuery('#date2').datepicker({ 
     dateFormat : 'dd-mm-yy', 
     maxDate:0, 
     minDate:1, 
     }); 

DEMO

Answer 2

這裏是您的解決方案。

jQuery('#date1').datepicker({ 
    dateFormat : 'dd-mm-yy', 
    onSelect: function(selected) { 
      $("#date2").datepicker("option","minDate", selected) 
    } 
}); 

jQuery('#date2').datepicker({ 
    dateFormat : 'dd-mm-yy', 
    onSelect: function(selected) { 
      $("#date1").datepicker("option","maxDate", selected) 
    } 
}); 

JSFIDLE

或不同的方法

$(document).ready(function() { 
$("#date1").datepicker({ 
    dateFormat: "dd-M-yy", 
    minDate: 0, 
    onSelect: function (date) { 
     var date2 = $('#date1').datepicker('getDate'); 
     date2.setDate(date2.getDate() + 1); 
    } 
}); 
$('#date2').datepicker({ 
    dateFormat: "dd-M-yy", 
    onClose: function() { 
     var dt1 = $('#date1').datepicker('getDate'); 
     var dt2 = $('#date2').datepicker('getDate'); 
     //check to prevent a user from entering a date below date of dt1 
     if (dt2 <= dt1) { 
      var minDate = $('#date2').datepicker('option', 'minDate'); 
      $('#date2').datepicker('setDate', minDate); 
     } 
    } 
}); 
});