antd的range.picker选择不超过七天范围的示例中交互问题？

Question

文档：https://4x-ant-design.antgroup.com/components/date-picker-cn/...

文档中的处理是没有问题的，但是如果宽度不够，日期会显示不全。

点开重新选取日期时，原有的又重置了，还是看不到日期，有没有两全其美的方式。

Answer 1

这个是因为例子里面有个onOpenChange,你不要重置就把这个方法去掉
onOpenChange //弹出日历和关闭日历的回调

点开重新选取日期时，原有的又重置了，还是看不到日期，有没有两全其美的方式

const onOpenChange = (open: boolean) => {
    if (open) {
      setDates([null, null]);
    } else {
      setDates(null);
    }
  };

宽度不够，日期会显示不全,加个固定宽度就好了

<RangePicker
      styles={{ width: 400 }}
      value={dates || value}
      disabledDate={disabledDate}
      onCalendarChange={val => setDates(val)}
      onChange={val => setValue(val)}
      onOpenChange={onOpenChange}
      onBlur={() => console.log('blur has been triggered')}
    />