DatePicker.RangePicker 在DrawerForm会报错

[hhniao]

Reproduction link

Steps to reproduce

import "./styles.css"; import {DatePicker, Form, Button} from 'antd'; import {DrawerForm, ProFormInstance, ProFormText} from '@ant-design/pro-form';

const {RangePicker} = DatePicker; export default function App() { return (

{ console.log(values.test[0].format(), values.test) }} >

); }

What is expected?

能过正常运行

What is actually happening?

TypeError: values.test[0].format is not a function

Environment	Info
antd	5.16.1
React	18
System	win10
Browser	chrome

[Wxh16144]

简单看了一下 pro 的组件，你应该用 pro 提供的<ProFormDateRangePicker /> 组件代替 antd 提供的 <DatePicker.RangePicker />

import { DrawerForm, ProFormDateRangePicker, } from '@ant-design/pro-form';
import dayjs from 'dayjs';

export default function App() {
  return (
    <DrawerForm
      open={true}
      onFinish={(values) => {
        console.log(dayjs(values.test?.[0]).format(), values.test)
      }}
    >
      <ProFormDateRangePicker name="test" label="日期" />
    </DrawerForm>
  )
}

[afc163]

<DrawerForm
  open={true}
+ dateFormatter={false}