要设置AntD edatepicker的可选日期,并在不选择日期时设置为空,可以使用disabledDate属性,并结合onChange事件处理函数来实现。
以下是示例代码:
import { useState } from 'react'; import { DatePicker } from 'antd'; import moment from 'moment';
const App = () => { const [date, setDate] = useState(null);
const handleDateChange = (value) => { if (value === null) { setDate(null); return; }
const selectedDate = moment(value);
if (!selectedDate.isValid() || selectedDate.isBefore(moment())) {
setDate(null);
} else {
setDate(selectedDate.toISOString());
}
}
const disabledDate = (current) => { if (current && current < moment().endOf('day')) { return true; }
return false;
}
return (
export default App;