test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 03:29:39 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

docs(date-picker): modify datepicker select-in-range demo (#27751)

Browse Source 
* feat: modify datepicker select-in-range demo

* fix: lint
This commit is contained in:
LeoYang 2020-11-13 17:05:16 +08:00 committed by GitHub
parent 7f8957eb9a
commit 520407925a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/date-picker/demo/select-in-range.md
View File

@ -21,6 +21,8 @@ const { RangePicker } = DatePicker;
const App = () => {
const [dates, setDates] = useState([]);
const [hackValue, setHackValue] = useState();
const [value, setValue] = useState();
const disabledDate = current => {
if (!dates || dates.length === 0) {
return false;
@ -30,14 +32,22 @@ const App = () => {
return tooEarly || tooLate;
};
const onOpenChange = open => {
if (open) {
setHackValue([]);
setDates([]);
} else {
setHackValue(undefined);
}
};
return (
<RangePicker
value={hackValue || value}
disabledDate={disabledDate}
onCalendarChange={value => {
const [start, end] = value;
const [oldStart, oldEnd] = dates;
setDates([start || oldStart, end || oldEnd]);
}}
onCalendarChange={val => setDates(val)}
onChange={val => setValue(val)}
onOpenChange={onOpenChange}
/>
);
};