<RangePicker showTime /> 前面的时间已选，后面的时间不可选前面以前的时间，后面的时间已选，前面的时间不可选后面以后的时间

如果你正在使用`RangePicker`组件，并且想要实现类似的效果，即一旦选择了某个特定时间范围，该时间范围内的前后时间都不允许选择，可以这样做：

1. 首先，你需要在`RangePicker`组件上配置`onSelect`事件处理器，监听用户的选取操作。

2. 当用户选择一个新的时间范围时，检查新选择的开始时间与之前的结束时间是否有重叠。如果有，阻止新的选择并清除掉部分或全部之前的选择，以保持连续性。

3. 同理，如果新选择的结束时间超过当前的开始时间，也需要更新状态，防止后面的时段被错误选择。

import React, { useState } from "react";
import { RangePicker, DatePicker } from 'antd';

const CustomRangePicker = () => {
  const [selectedTime, setSelectedTime] = useState([]);

  const handleSelect = (value) => {
    // 新值处理逻辑
    const newSelectedTime = selectedTime.length > 0
      ? [
          ...selectedTime.slice(0, 1), // 保留第一个时间段
          value[0], // 新开始时间
        ]
      : [value[0]]; // 如果无旧值，直接添加新开始时间

    if (newSelectedTime[1] - newSelectedTime[0] !== value[1] - value[0]) {
      // 检查时间差是否匹配，如果不匹配则清除或调整
      // 清除前一个时间段
      setSelectedTime([]);
      
      // 添加新选择
      setSelectedTime(newSelectedTime);
    } else {
      // 否则，直接合并两个时间段
      setSelectedTime([...selectedTime, value]);
    }
  };

  return (
    <RangePicker showTime onDeselect={handleSelect} allowClear={false}>
      {selectedTime.map((time, index) => (
        <DatePicker key={index} selectedValue={time} />
      ))}
    </RangePicker>
  );
};

export default CustomRangePicker;