无法更新第二个日期选择器日期，需实现点击其一更新另一的minDate

看起来你遇到了日期选择器更新minDate不生效的问题，我来帮你梳理下解决方案——先默认你用的是最常用的jQuery UI Datepicker（如果是其他库，逻辑也大同小异，我会补充说明）。

首先，先补全你的HTML结构（你的代码没贴完整，我假设核心的两个日期选择器结构是这样的）：

<div class="search-field " data-view='return'>
  <div class="search-field-left">
    <ul>
      <li>
        <div class="header">Från</div>
        <input type="text" name="search[legs][0][origin_text]" id="search_legs_0_origin_text" value="Stockholm (STO), Sverige" class="field-1 airport_field" placeholder="Från" data-source="/autocomplete/origin/flight">
        <!-- 出发日期选择器 -->
        <input type="text" id="departureDate" class="datepicker" placeholder="出发日期">
      </li>
      <li>
        <div class="header">Till</div>
        <!-- 返回日期选择器 -->
        <input type="text" id="returnDate" class="datepicker" placeholder="返回日期">
      </li>
    </ul>
  </div>
</div>

核心问题分析 #

你之前的操作应该是直接修改了第二个日期选择器的minDate属性，但日期选择器初始化后会缓存配置，直接改DOM属性不会触发实例更新，必须用它提供的API来修改配置。

完整解决代码（jQuery UI Datepicker） #

$(function() {
  // 初始化出发日期选择器
  $("#departureDate").datepicker({
    dateFormat: "yy-mm-dd", // 统一日期格式，避免解析错误
    onSelect: function(selectedDate) {
      // 获取选中的日期对象
      var selectedDateObj = $(this).datepicker("getDate");
      // 可选：让返回日期不能早于出发日期+1天（根据需求调整）
      var minReturnDate = new Date(selectedDateObj);
      minReturnDate.setDate(minReturnDate.getDate() + 1);

      // 关键：用datepicker的API更新minDate配置
      $("#returnDate").datepicker("option", "minDate", minReturnDate);

      // 额外优化：如果之前选的返回日期早于新的minDate，清空它
      var currentReturnDate = $("#returnDate").datepicker("getDate");
      if (currentReturnDate && currentReturnDate < minReturnDate) {
        $("#returnDate").datepicker("setDate", null);
      }
    }
  });

  // 初始化返回日期选择器
  $("#returnDate").datepicker({
    dateFormat: "yy-mm-dd"
  });
});

关键点说明 #

1. 用onSelect事件监听选择：比监听input的change事件更可靠，能覆盖用户通过日历选择、手动输入等所有场景。
2. 通过API更新配置：datepicker("option", "minDate", 新日期)是更新实例配置的正确方式，直接改DOM属性不会生效。
3. 统一日期格式：确保两个选择器的dateFormat一致，避免因为格式不匹配导致日期解析失败。
4. 清空无效日期：避免用户之前选的旧日期不符合新的规则，提升体验。

如果是Bootstrap Datepicker的情况 #

API略有不同，更新minDate的方法是：

$("#returnDate").datepicker("setStartDate", minReturnDate);

排查小技巧 #

• 打开浏览器控制台（F12），检查有没有报错（比如选择器写错、库未加载）。
• 打印selectedDateObj确认是有效的Date对象，避免日期解析错误。
• 用$("#returnDate").datepicker("instance")检查选择器实例是否成功初始化。

内容的提问来源于stack exchange，提问作者Balance