React andt 日期选择框 DatePicker Moment对象转为String
在使用andt的日期选择框的时候,得到的是一个monent
类型的数组,但是这样子不方便进行对比判断,所以我们需要将其转为String
解决方法
因为andt中使用了moment.js的库,在使用moment()时需要引入库
import moment, { Moment } from "moment";
moment(时间).format('YYYY-MM-DD')
【案例】
<Form layout={"inline"} onFinish={handleSubmit}>
{/* 项目名称 */}
<Form.Item name={'projectName'}>
<Input allowClear={true} placeholder={'输入项目名称'} size={'middle'}></Input>
</Form.Item>
{/* 团队人员 */}
<Form.Item name={'teamMember'}>
<Input placeholder={'团队人员'} size={'small'} />
</Form.Item>
<Form.Item name={'tags'}>
<Input placeholder={'项目标签'} size={'small'} />
</Form.Item>
{/* 日期选择 */}
<Form.Item name={'createTime'}>
<RangePicker
placeholder={['开始时间', '结束时间']}
format={'YYYY-MM-DD'}
/>
</Form.Item>
<Form.Item>
<Button type="primary" htmlType="submit">确定</Button>
</Form.Item>
</Form>
import moment, { Moment } from "moment";
....
const {param,setParam} = props
const handleSubmit = (value: { projectName: string, teamMember: string, tags: string, createTime: Monent[] }) => {
setParam({
...value,
createTime:value.createTime.map(time => moment(time).format('YYYY-MM-DD'))
})
}