RangePicker组件设置时间范围只能选择一年

const [dates, setDates]:any = useState();
const [hackValue, setHackValue]:any = useState();
const [value, setValue]:any = useState([
   moment(moment(new Date()).subtract("days", 7).format("YYYY-MM-DD")),
   moment(moment(new Date()).format(dateFormat)),
 ]);
const disabledDate = (current:any) => {
   if (!dates || dates.length === 0) {
     return false;
   }
   const tooLate:any = dates[0] && current.diff(dates[0], 'days') > 365;
   const tooEarly:any = dates[1] && dates[1].diff(current, 'days') > 365;
   return tooEarly || tooLate;
 };
const onOpenChange = (open:any) => {
   if (open) {
     setHackValue([]);
     setDates([]);
   } else {
     setHackValue(undefined);
   }
 };
  
 <RangePicker
    allowClear={false}
    style={{ width: "100%" }}
    {...props}
    value={hackValue || value}
    disabledDate={disabledDate}
    onCalendarChange={(val:any) => setDates(val)}
    onChange={
      (val:any)  => {
      setValue(val);
      onChange(val)
    }}
    onOpenChange={onOpenChange}
    format={dateFormat}
  />
                
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值