Flutter日期时间选择器验证：限制结束日期为起始日期过去7天

要实现起始日期（FromDate）选择后，结束日期（ToDate）仅显示起始日期过去7天的日期，需要对现有代码做以下关键修改：

关键修改点 #

• 选中FromDate时，同步更新fromDate变量的DateTime值（原代码仅保存了字符串格式的时间，没有更新DateTime变量，导致ToDate无法基于正确起始日期计算范围）
• 调整ToDate选择器的firstDate和lastDate：lastDate设为选中的fromDate，firstDate设为fromDate减去7天，以此锁定可选日期范围

修改后的完整代码 #

变量定义 #

DateTime fromDate = DateTime.now();
TimeOfDay fromTime = TimeOfDay.now();
String selectedFromDateTime;
String selectedToDateTime;
DateTime toDate = DateTime.now();
TimeOfDay toTime = TimeOfDay.now();

日期选择器实现 #

Future<void> _showFromDateTimePicker() async {
  final DateTime datePicked = await showDatePicker(
    context: context,
    initialDate: fromDate,
    firstDate: DateTime(1900),
    lastDate: DateTime.now(),
    builder: (context, child) {
      return Theme(
        data: ThemeData(
          splashColor: AppTheme.card_bg,
          colorScheme: ColorScheme.light(
            primary: AppTheme.card_bg,
            onSecondary: Colors.black,
            onPrimary: Colors.white,
            surface: Colors.black,
            onSurface: Colors.black,
            secondary: Colors.black,
          ),
          dialogBackgroundColor: Colors.white,
        ),
        child: child ?? Text(""),
      );
    },
  );

  if (datePicked != null) {
    final TimeOfDay timePicked = await showTimePicker(
      context: context,
      initialTime: fromTime,
      builder: (context, child) {
        return Theme(
          data: ThemeData(
            splashColor: AppTheme.card_bg,
            colorScheme: ColorScheme.light(
              primary: AppTheme.card_bg,
              onSecondary: Colors.black,
              onPrimary: Colors.white,
              surface: Colors.white,
              onSurface: Colors.black,
              secondary: Colors.black,
            ),
            dialogBackgroundColor: Colors.white,
          ),
          child: child ?? Text(""),
        );
      },
    );
    if (timePicked != null) {
      setState(() {
        // 同步更新fromDate变量，为ToDate范围计算提供准确值
        fromDate = DateTime(
          datePicked.year,
          datePicked.month,
          datePicked.day,
          timePicked.hour,
          timePicked.minute,
        );
        final hour = timePicked.hour.toString().padLeft(2, "0");
        final minute = timePicked.minute.toString().padLeft(2, "0");
        selectedFromDateTime =
            "${DateFormat("yyyy-MM-dd").format(datePicked)} $hour:$minute:00";
      });
    }
  }
}

Future<void> _showToDateTimePicker() async {
  // 计算ToDate的可选范围：起始日期往前推7天到起始日期当天
  final DateTime firstAvailableDate = fromDate.subtract(const Duration(days: 7));
  final DateTime lastAvailableDate = fromDate;

  final DateTime datePicked = await showDatePicker(
    context: context,
    initialDate: lastAvailableDate, // 默认选中起始日期当天
    firstDate: firstAvailableDate,
    lastDate: lastAvailableDate,
    builder: (context, child) {
      return Theme(
        data: ThemeData(
          splashColor: AppTheme.card_bg,
          colorScheme: ColorScheme.light(
            primary: AppTheme.card_bg,
            onSecondary: Colors.black,
            onPrimary: Colors.white,
            surface: Colors.black,
            onSurface: Colors.black,
            secondary: Colors.black,
          ),
          dialogBackgroundColor: Colors.white,
        ),
        child: child ?? Text(""),
      );
    },
  );

  if (datePicked != null) {
    final TimeOfDay timePicked = await showTimePicker(
      context: context,
      initialTime: toTime,
      builder: (context, child) {
        return Theme(
          data: ThemeData(
            splashColor: AppTheme.card_bg,
            colorScheme: ColorScheme.light(
              primary: AppTheme.card_bg,
              onSecondary: Colors.black,
              onPrimary: Colors.white,
              surface: Colors.white,
              onSurface: Colors.black,
              secondary: Colors.black,
            ),
            dialogBackgroundColor: Colors.white,
          ),
          child: child ?? Text(""),
        );
      },
    );
    if (timePicked != null) {
      setState(() {
        toDate = DateTime(
          datePicked.year,
          datePicked.month,
          datePicked.day,
          timePicked.hour,
          timePicked.minute,
        );
        final hour = timePicked.hour.toString().padLeft(2, "0");
        final minute = timePicked.minute.toString().padLeft(2, "0");
        selectedToDateTime =
            "${DateFormat("yyyy-MM-dd").format(datePicked)} $hour:$minute:00";
      });
    }
  }
}

效果说明 #

• 选择FromDate后，ToDate选择器仅展示起始日期及过去7天的所有日期，完全匹配需求
• 修正了原代码中ToDate范围固定为当天的问题，实现了基于起始日期的动态范围限制

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