javascript - 根据在 javascript 或 jquery 中选择的日期禁用日期选择器的先前日期

Question

我有两个日期选择器，例如开始日期和结束日期。如果我在开始日期中选择 2015 年 6 月 18 日，我必须在结束日期中禁用 datepicker 中到 18thjune2015 之前的日期。

这是我的代码。

 $("#txtstartdate").datepicker({ minDate: 0 });

对于结束日期:

    var startdate = $("#txtstartdate").val();
    $("#txtenddate").datepicker({ minDate: startdate }); 

它不工作。谁能帮我解决这个问题。谢谢。

Answer 1

更改开始日期需要使用option方法设置

$("#txtstartdate").datepicker({
  minDate: 0,
  onSelect: function(date) {
    $("#txtenddate").datepicker('option', 'minDate', date);
  }
});

$("#txtenddate").datepicker({});

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/redmond/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script>

<input id="txtstartdate" />
<input id="txtenddate" />