javascript - 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

问题出在月份计算上，01 Jul 2015需要传递7-1(6)

$("#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>