React AntD表单setFieldsValue无法给日期时间字段赋值问题求助

核心问题原因 #

• 字段名不匹配：你调用setFieldsValue时传入的dob、time字段名，和贴出的DatePicker组件配置的name="startdate"完全不对应，表单无法找到匹配的表单项完成赋值。
• 值类型错误：AntD的DatePicker、TimePicker类时间组件，表单绑定的有效值必须是moment对象，你传入的是.format()处理后的字符串，组件无法识别字符串格式的时间值。普通文本Input组件接收字符串值所以title字段赋值正常。
• 格式化token错误：moment格式化规则中大写MM代表月份，小写mm才代表分钟，你写的HH:MM格式化结果本身就是错误的。

修复步骤 #

1. 对齐字段名
   保证setFieldsValue传入的对象key，和Form.Item包裹的表单项name属性完全一致。比如你贴的日期选择器name是startdate，赋值时对应的key就必须写startdate。

2. 传入正确类型的值
   给时间类组件赋值时直接传入moment实例，不要提前转成字符串，组件会自动按照你配置的format属性渲染显示文本。
   修正后的赋值代码参考：

   form.setFieldsValue({
     title : 'Hello',
     // 字段名和组件name对齐，直接传moment对象，解析时指定对应格式避免解析偏差
     startdate : moment("12/09/2025", "DD/MM/YYYY"),
     // 时间字段同理，注意分钟用小写mm
     time : moment("10:55", "HH:mm")
   })
   

3. 视图模式适配
   如果是只读展示场景复用表单，直接给最外层的Form组件加disabled属性即可，所有内部表单项会自动变为不可交互的只读状态，无需单独修改每个组件的配置。

额外注意 #

如果你自定义了DatePicker的onChange逻辑（比如你代码里写的handleDate方法），要保证最终存入表单的值始终是moment对象，不要手动转成字符串存储，否则后续回显还是会出现值不更新的问题。

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