Flutter中如何限制showDateRangePicker的可选日期范围不超过14天？

针对你遇到的日期范围超出14天限制的问题，提供两种可行方案，优先推荐第一种从交互层面限制的方案：

方案一：禁止选择超出起始日期+14天的结束日期（更优） #

这种方案直接在选择阶段就阻止用户选超范围的日期，体验更流畅。以Flutter的showDateRangePicker为例，可利用disabledDatePickerPredicate回调来实现：

// 先定义存储起始日期的变量
DateTime? _selectedStartDate;

final DateTimeRange? picked = await showDateRangePicker(
  context: context,
  firstDate: DateTime(2023, 2, 12),
  lastDate: DateTime(2024, 1, 1),
  disabledDatePickerPredicate: (DateTime date) {
    // 当用户已选起始日期时，判断当前日期是否超过起始日期+14天
    if (_selectedStartDate != null) {
      final maxAllowedEndDate = _selectedStartDate!.add(const Duration(days: 14));
      return date.isAfter(maxAllowedEndDate);
    }
    // 未选起始日期时，不限制可选日期
    return false;
  },
);

// 确认选择后更新起始日期状态
if (picked != null) {
  _selectedStartDate = picked.start;
}

核心逻辑是：用户选定起始日期后，自动计算出允许的最晚结束日期（起始+14天），把所有晚于这个日期的选项置灰禁用，从根源上避免无效选择。

方案二：选择完成后校验并提示错误 #

如果组件不支持禁用日期的配置，可在用户确认选择后做校验，不符合规则就抛出提示：

final DateTimeRange? pickedRange = await showDateRangePicker(
  context: context,
  firstDate: DateTime(2023, 2, 12),
  lastDate: DateTime(2024, 1, 1),
);

if (pickedRange != null) {
  final int daysDiff = pickedRange.end.difference(pickedRange.start).inDays;
  if (daysDiff > 14) {
    // 弹出错误提示
    ScaffoldMessenger.of(context).showSnackBar(
      const SnackBar(content: Text('the difference in range exceeded 14.')),
    );
    // 可选：重置结束日期，引导用户重新选择
    // _selectedEndDate = null;
  } else {
    // 正常处理选中的日期范围
    // _selectedStartDate = pickedRange.start;
    // _selectedEndDate = pickedRange.end;
  }
}

这种方式是事后校验，用户选完超范围日期后才给出提示，体验不如第一种，但实现起来更简单，适合组件不支持前置限制的场景。

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