如何在不使用Form的情况下获取InputDatePickerFormField的值？

方法一：用GlobalKey直接操控组件状态 #

InputDatePickerFormField本质是FormField的子类，哪怕不嵌套在Form组件里，也能通过GlobalKey<FormFieldState<DateTime?>>直接访问它的状态和值，还能手动触发保存逻辑：

// 定义全局key
final datePickerKey = GlobalKey<FormFieldState<DateTime?>>();

// 组件使用
InputDatePickerFormField(
  key: datePickerKey,
  firstDate: firstDate,
  lastDate: lastDate,
  onDateSaved: (value) {
    date = value;
  },
  onDateSubmitted: (value) {
    date = value;
  },
),

// 任意时机获取值的两种方式：
// 1. 直接读取当前组件的选中值
DateTime? currentDate = datePickerKey.currentState?.value;

// 2. 手动触发onDateSaved回调来更新变量
datePickerKey.currentState?.save();

方法二：自定义日期选择输入框（更灵活） #

如果觉得原组件的回调不够用，可以自己用TextField搭配showDatePicker实现，完全脱离Form的约束，还能自定义失去焦点等各种回调：

// 先定义文本控制器（可选，用来同步显示选中的日期）
final dateTextController = TextEditingController();

// 自定义组件
TextField(
  controller: dateTextController,
  readOnly: true, // 设为只读避免手动输入日期
  onTap: () async {
    final pickedDate = await showDatePicker(
      context: context,
      firstDate: firstDate,
      lastDate: lastDate,
      initialDate: date ?? DateTime.now(),
    );
    if (pickedDate != null) {
      date = pickedDate;
      // 更新输入框显示的文本
      dateTextController.text = DateFormat.yMd().format(pickedDate);
    }
  },
  onTapOutside: (event) {
    // 这里可以写失去焦点后的逻辑
  },
),

这两种方法都不需要依赖Form组件就能获取到日期值，第一种复用原组件成本低，第二种自定义程度更高，能满足更多场景需求。

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