如何在 antd datepicker 组件的日历模态中放置清除按钮？

Question

我正在使用和日期选择器组件。就我而言，清晰的图标覆盖了日历按钮。

我需要删除清除按钮并允许手动清除。 （但是，据我所知，目前还无法做到）。或者我需要移动日历模式内的清除按钮，例如“今天”按钮旁边。可以吗？

我尝试将“allowClear”属性设置为 false 值。它删除了清除按钮。但是，日期选择器的值无法手动清除

Answer 1

您可以在此处查看文档以获取更多信息：https://ant.design/components/date-picker#common-api

这是一个例子：

    const [date, setDate] = useState(null);
        const handleChange = (dateValue: any) => {
            setDate(dateValue);
        }
    
        return (
            <>
                <DatePicker
                    onChange={handleChange}
                    allowClear={true}
                    value={date}
                    // clearIcon={
                    //     // you can use every element here
                    // }
                />
            </>
        );

您可以检查默认情况下的外观：