单日期和多个日期

该文章展示了在React应用中如何使用DatePicker组件选择日期,并将选定的开始和结束日期转换为时间戳。通过`timeFun`函数,日期被转化为JavaScriptDate对象的时间戳,然后存储到状态变量`range`和`rangeTwo`。同时,利用`moment.js`库进行日期格式化,以便在页面上显示和在提交时转换为适合接口的格式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 <Form.Item label="日期1:" name="range">

     <DatePicker format="YYYY@MM@DD" />

 </Form.Item>

  const timeFun = (dt) => new Date(dt).getTime();

单个日期  多个日期  转换成时间戳

 const range = timeFun(values.range);

 const range = timeFun(values.range[0]);

 const range = timeFun(values.range[1]);

开始结束日期

const rangeTwo = [timeFun(values.rangeTwo[0]), timeFun(values.rangeTwo[1])];
 

        const [one,setOne]=usestate(' ')

        const [two,setTwo]=usestate(' ')

        页面显示选中的日期

         setOne(moment(opt.range2[0].format('YYYY-MM-DD'))._i);

         setTwo(moment(opt.range2[1].format('YYYY-MM-DD'))._i);

  range(rangeTwo)

点击提交的时候转成二进制带进去接口里边

moment(range).format('YYYY-MM-DD')

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值