DateTimeField日期选择器编辑功能不可用问题求助

你的问题出在**DateTimeField设置了readOnly: true**，这不仅会让输入框无法直接编辑，还会干扰DatePickerDialog的输入交互——即便你设置了initialEntryMode: DatePickerEntryMode.input，也无法启用编辑功能。

修改方案： #

1. 调整DateTimeField的只读属性，同时限制输入框的直接编辑：

   DateTimeField(
     readOnly: false, // 改为false，允许唤起选择器交互
     enableInteractiveSelection: false, // 禁止选中文本，避免手动编辑输入框
     controller: dobController,
     decoration: InputDecoration(
         hintText: '输入出生日期',
         icon: Icon(
           Icons.date_range,
           color: Colors.grey,
         )),
     onSaved: (DateTime? val) {
       dobDate = val;
     },
     format: format,
     resetIcon: null,
     style: AppUtils.textFieldStyle(),
     showCursor: false,
     onTap: () { // 手动绑定点击事件唤起选择器
       _showDatePicker(context, dobController.text.isNotEmpty ? format.parse(dobController.text) : initialDate);
     },
     onShowPicker: (context, currentValue) {
       return showDialog(
         context: context,
         builder: (BuildContext context) {
           return DatePickerDialog(
               initialDate: currentValue ?? initialDate,
               firstDate: DateTime(1900),
               initialEntryMode: DatePickerEntryMode.input, // 保持默认进入输入模式
               lastDate: initialDate,
           );
         },
       );
     }),
   

2. 封装选择器唤起逻辑（可选，让代码更清晰）：

   Future<void> _showDatePicker(BuildContext context, DateTime? currentValue) async {
     final pickedDate = await showDialog<DateTime>(
       context: context,
       builder: (context) => DatePickerDialog(
         initialDate: currentValue ?? initialDate,
         firstDate: DateTime(1900),
         initialEntryMode: DatePickerEntryMode.input,
         lastDate: initialDate,
       ),
     );
     if (pickedDate != null) {
       dobController.text = format.format(pickedDate);
       dobDate = pickedDate;
     }
   }
   

修改后效果： #

DatePickerDialog会默认以输入模式打开，支持手动输入日期，同时DateTimeField不会允许直接编辑，只能通过点击唤起选择器进行日期选择或输入。

内容的提问来源于stack exchange，提问作者Nandyala Raja Pragnesh Reddy