根据第一个日期选择器设置第二个日期选择器的 minDate

【问题标题】：Setting the minDate of a second datepicker depending on the first datepicker根据第一个日期选择器设置第二个日期选择器的 minDate
【发布时间】：2021-05-19 09:44:12
【问题描述】：

我已经搜索了 SO 的解决方案，我会说我已经查看了所有的问题和答案，但我认为这实际上是不可能的。

我尝试了各种解决方案，但似乎都没有奏效......

我确信这很容易解决，但我无法让它发挥作用。任何帮助都将是最受重视的。

jQuery(document).ready(function($) {
    $("#arrivalDate").datepicker({
        minDate: 'dateToday',
        onSelect: function (date) {
            $("#departureDate").datepicker({
                minDate: date
            });
        }
    });
    $("#departureDate").datepicker();
});

【问题讨论】：

标签： jquery datepicker

【解决方案1】：

您的代码几乎是正确的，唯一的问题是您如何尝试设置minDate - 您需要使用option，如下所示：

jQuery(document).ready(function($) {
  $("#arrivalDate").datepicker({
    minDate: 'dateToday',
    onSelect: function(date) {
      $("#departureDate").datepicker('option', 'minDate', date);
    }
  });
  
  $("#departureDate").datepicker();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<p>Arrival: <input type="text" id="arrivalDate" /></p>
<p>Departure: <input type="text" id="departureDate" /></p>

【讨论】：

没问题，很高兴为您提供帮助