antd design中datepicker组件怎么设置成关闭modal清除已输入的日期

你可以通过设置 DatePicker 组件的 `onOpenChange` 属性来实现：

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

function MyComponent() {
  const [selectedDate, setSelectedDate] = useState(null);

  const handleOpenChange = (open) => {
    if (!open) {
      setSelectedDate(null); // 清空已选择的日期
    }
  };

  return (
    <DatePicker
      value={selectedDate}
      onChange={setSelectedDate}
      onOpenChange={handleOpenChange}
    />
  );
}

在 `handleOpenChange` 回调函数中，当 DatePicker 的 modal 打开时，不执行任何操作；当 modal 关闭时，清空已选择的日期。这样就可以实现在关闭 modal 时清除已输入的日期的效果了。