jquery DatePicker從下拉列表中更改minDate選項

Question

我正在使用jQuery DatePicker。我有一個下拉菜單，我需要根據下拉菜單重置DatePicker的minDate選項。這是代碼片段。

HTML

<input id="Date_From" name="Date_From"> 
<select id="Select" > 
    <option value="Choice1">Choice1</option> 
    <option value="Choice2">Choice2</option> 
<select> 

JS

$("#Date_From").datepicker(); 
    $("#Date_To").datepicker(); 

    $('#Select').change(function() { 
     var option = this.value; 

     if (option == 'Choice1') 
     { 
      $("#Date_From").datepicker("option", "minDate", new Date(2015, 1 - 1, 1)); 
     } 
     else if (option == 'Choice2') 
     { 
      $("#Date_From").datepicker("option", "minDate", new Date(2015, 1 - 7, 1)); 
     } 
     else{ 
     } 
    }); 

Answer 1

的問題是在一個月計算，你需要通過（6）7-101 Jul 2015

$("#Date_From").datepicker(); 
 
$("#Date_To").datepicker(); 
 

 
$('#Select').change(function() { 
 
    var option = this.value; 
 
    if (option == 'Choice1') { 
 
    $("#Date_From").datepicker("option", "minDate", new Date(2015, 1 - 1, 1)); 
 
    } else if (option == 'Choice2') { 
 
    $("#Date_From").datepicker("option", "minDate", new Date(2015, 7 - 1, 1)); 
 
    } 
 
}).change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script> 
 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.css" rel="stylesheet" /> 
 
<input id="Date_From" name="Date_From" /> 
 
<select id="Select"> 
 
    <option value="Choice1">Choice1</option> 
 
    <option value="Choice2">Choice2</option> 
 
</select>