如何禁止选择相同的日期以在rangepicker antd中选择同一日期？

Question

我希望用户无法为开始和结束选择同一日期。例如，如果用户选择开始日期为30/06/2022，则他只能选择01/07/2022或更多。在API中找不到任何东西

Answer 1

const App = () => {
  const [startDate, setStartDate] = useState();

  return (
    <RangePicker
      onCalendarChange={(dates) => {
        setStartDate(dates?.[0]);
      }}
      disabledDate={(currentDate) => currentDate.isSame(startDate)}
    />
  );
};

Answer 2

上面的答案允许在用户从第二个输入（结束日期）开始使用相同的日期，

增强的代码看起来像看起来像这是：

    disabledDate={(current) => ((startDate && current.isSame(startDate, 'day')) || (endDate && current.isSame(endDate, 'day')))}

但是，这是ANTD范围选择器方法的限制，该方法与不显示哪个输入触发（开始或结束日期）有关。因此，例如，我选择了 5月22日至5月25日范围，并决定选择 5月22日至5月30日。在这种情况下，我必须仅在第二个输入中单击，因为第一个输入将封锁 5月22日选择，并且不允许进一步进行。