如何设置2nd datepicker minDate = 1st Datepicker + 1yr？

Question

我想设置mindate第二个datepicket =第一个Datepicker + 1yr。并且还决定不选择第二日期选择器，直到选择第一个日期选择器？

我想这

$("#BeginDate").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     yearRange: '1900:2040', 
     showOn: "button", 
     buttonImageOnly: true, 
     beforeShow: function() { 
      $('#ui-datepicker-div').css('z-index', 9999); 
     }, 
     onSelect: function(dateText, inst){ 
      $("#EndDate").datepicker("option", "minDate", 
      $("#BeginDate").datepicker("getDate") +"1yr" **"{her we need set date}"**); 
     }, 

Answer 1

可以使用Date对象为在setFullYear方法：

$("#BeginDate").datepicker({ 
 
    changeMonth: true, 
 
    changeYear: true, 
 
    yearRange: '1900:2040', 
 
    showOn: "button", 
 
    buttonImageOnly: true, 
 
    beforeShow: function() { 
 
    $('#ui-datepicker-div').css('z-index', 9999); 
 
    }, 
 
    onSelect: function(dateText, inst) { 
 
    var d = new Date($("#BeginDate").datepicker("getDate")); 
 
    d.setFullYear(d.getFullYear() + 1); 
 
    $("#EndDate").datepicker("option", "minDate", d); 
 
    } 
 
}); 
 
$("#EndDate").datepicker()

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<link rel="stylesheet" href="/resources/demos/style.css"> 
 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<p>Begin: <input type="text" id="BeginDate"></p> 
 
<p>End: <input type="text" id="EndDate"></p>