如何配置Flatpickr：选择开始日期后禁用结束日期的早于日期

直接修改你的代码，通过监听开始日期的选择事件，动态更新结束日期的可选范围，同时保留禁用周末的逻辑：

// 保存两个选择器实例，方便后续操作
let startPicker = flatpickr('#startDate', {
  enableTime: false,
  allowInput: true,
  dateFormat: "m/d/y",
  disableMobile: true,
  disable: [
    date => date.getDay() === 6, // 禁用周六
    date => date.getDay() === 0  // 禁用周日
  ],
  // 监听开始日期变化事件
  onChange: function(selectedDates) {
    const selectedStartDate = selectedDates[0];
    if (selectedStartDate) {
      // 设置结束日期的最小可选值为选中的开始日期
      endPicker.set('minDate', selectedStartDate);
    } else {
      // 如果清空开始日期，重置结束日期的最小限制
      endPicker.set('minDate', null);
    }
  }
});

let endPicker = flatpickr('#endDate', {
  enableTime: false,
  allowInput: true,
  dateFormat: "m/d/y",
  disableMobile: true,
  disable: [
    date => date.getDay() === 6, // 同步禁用周六
    date => date.getDay() === 0  // 同步禁用周日
  ],
  // 初始可设置最小日期为今天（可选，根据需求调整）
  minDate: new Date()
});

关键说明： #

• 用变量保存startPicker和endPicker实例，方便调用Flatpickr的set方法动态修改配置
• 在开始日期的onChange回调里，获取选中日期后直接设置结束日期的minDate参数，实现结束日期不能早于开始日期的限制
• 结束日期同步添加禁用周末的逻辑，和开始日期保持规则一致
• 清空开始日期时，自动重置结束日期的最小限制，恢复原有可选范围

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