typescript antdesgin的DatePicker组件选开始时间与结束时间相差一年

在 TypeScript 中，Ant Design 的 DatePicker 组件允许设置日期范围选择，包括开始时间和结束时间。如果你想要限制用户选择的开始时间和结束时间之间只能差一年，你可以通过设置组件的属性来实现。

首先，在使用 DatePicker 时，需要引入 `RangePicker` 组件，它包含了开始时间和结束时间的选择控件：

import { RangePicker } from 'antd';

然后，你可以这样配置它的 `rangePicker` 属性：

const startDateOption = {
  disabledDate(current) {
    // 如果开始日期已经大于去年的同一天，就禁用
    const lastYearSameDay = new Date();
    lastYearSameDay.setFullYear(lastYearSameDay.getFullYear() - 1);
    return current && current < lastYearSameDay;
  },
};

const endDateOption = {
  disabledDate(current) {
    // 禁止选择小于当前日期减去一年的日期作为结束日期
    return current && current < new Date().setFullYear(new Date().getFullYear() - 1);
  },
};

const App = () => {
  const [selectedRange, setSelectedRange] = useState<Date[]>([]);

  const onOk = (values: Date[]) => {
    setSelectedRange(values);
  };

  return (
    <RangePicker
      showTime
      rangePicker={{ start: startDateOption, end: endDateOption }}
      onOk={onOk}
      value={selectedRange}
    />
  );
};

这里我们定义了两个 `disabledDate` 函数，分别处理开始日期和结束日期的禁用策略。`disabledDate` 接受当前日期作为参数，如果返回 `true`，则该日期将不可选。