adui
Version:
<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>
29 lines (25 loc) • 626 B
Markdown
order: 2
title:
zh-CN: 范围
en-US: maxRange
使用 `onStartDaySelect` 与 `onEndDaySelect` 限制最多选连续 7 天：
```jsx
const [startDay, setStartDay] = useState(null)
let oneWeekBefore
let oneWeekLater
if (startDay) {
oneWeekBefore = new Date(startDay.getTime() - 7 * 24 * 60 * 60 * 1000)
oneWeekLater = new Date(startDay.getTime() + 7 * 24 * 60 * 60 * 1000)
}
return (
<DatePicker.RangePicker
disabledDays={(day) =>
startDay && (day < oneWeekBefore || day > oneWeekLater)
}
onStartDaySelect={(day) => setStartDay(day)}
onEndDaySelect={() => setStartDay(null)}
/>
)
```