React andt 日期选择框 DatePicker Moment对象转为String

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'))
})
}
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值