ant design mini 框架中date-picker 半年度日期的代码实现

在 ant design mini 框架中，可以使用 `DatePicker` 组件来实现半年度日期的选择。具体代码如下：

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

const { RangePicker } = DatePicker;

const HalfYearDatePicker = () => {
  const [halfYear, setHalfYear] = useState([]);

  const disabledDate = current => {
    if (halfYear.length === 0) {
      return false;
    }
    const [start, end] = halfYear;
    const diffDays = Math.ceil((end - start) / (1000 * 60 * 60 * 24));
    if (diffDays > 183) { // 183 天为半年的天数
      return true;
    } else {
      return current < start || current > end;
    }
  };

  const handleHalfYearChange = (dates, dateStrings) => {
    setHalfYear(dates);
  };

  return (
    <RangePicker
      disabledDate={disabledDate}
      onCalendarChange={handleHalfYearChange}
    />
  );
};

export default HalfYearDatePicker;

在上面的代码中，我们定义了一个名为 `HalfYearDatePicker` 的组件，它使用 `RangePicker` 来选择日期范围。我们使用了 `useState` 来保存所选的日期范围，在 `disabledDate` 函数中，我们根据所选的两个日期计算它们之间的天数，如果大于 183 天，则禁用日期选择器中的所有日期，否则只禁用所选日期范围之外的日期。最后，在 `onCalendarChange` 函数中，我们更新所选的日期范围。