反应日期选择多周范围答案

【问题标题】：React-dates select multiple weeks range反应日期选择多周范围
【发布时间】：2019-05-19 20:29:28
【问题描述】：

我目前正在使用react-dates 拥有一个 DateRangePicker，我希望用户能够一次选择多个星期。我见过this way 一次选择 7 天，这是我想要的开始。

我希望第一次单击以选择所选周的开始，然后能够突出显示并选择另一周。当用户点击第二周时，我想将结束日期设置为所选第二周的结束日期。

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

我希望我已经足够清楚了，不要犹豫，要求澄清。

提前致谢。

【问题讨论】：

【解决方案1】：

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

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

您可以使用 endDateOffset 中的逻辑指向一个方法来计算一周结束的剩余天数并进行相应设置

【讨论】：