React-dates select 多周范围

Question

我目前正在使用 react-dates to have a DateRangePicker and I would like the user to be able to select multiple weeks at once. I've seen this way 到 select 7 天，这是我想要的开始。

我想先点击 select select 编辑周的开始，然后能够突出显示 select 另一周。当用户点击第二周时，我想将结束日期设置为 selected 第二周的结束日期。

我不限于react-dates，如果可以/更容易使用另一个包，我可以使用它!!

我希望我说得足够清楚，请不要犹豫，要求澄清。

提前致谢。

Answer 1

使用 react-dates 中的 DateRangePicker 组件，您需要这些道具：

<DateRangePicker
...
startDateOffset={day => day.subtract(3, 'days')}
endDateOffset={day => day.add(3, 'days')} />

示例：https://stackblitz.com/edit/react-lyd5qh

您可以使用 endDateOffset 中的逻辑指向一个方法来计算一周结束还剩多少天并相应地设置它

React-dates select 多周范围

React-dates select multiple weeks range

date

datepicker

reactjs

react-dates