我目前正在使用react-dates来拥有 DateRangePicker,我希望用户能够一次选择多个星期。我见过这种方式来一次选择 7 天,这是我想要的开始。
我希望第一次单击以选择所选一周的开始,然后能够突出显示并选择另一周。当用户点击第二周时,我想将结束日期设置为所选第二周的结束日期。
我不限于react-dates
,如果可能/更容易使用另一个包,我可以使用它!
我希望我已经足够清楚了,不要犹豫,要求澄清。
提前致谢。
我目前正在使用react-dates来拥有 DateRangePicker,我希望用户能够一次选择多个星期。我见过这种方式来一次选择 7 天,这是我想要的开始。
我希望第一次单击以选择所选一周的开始,然后能够突出显示并选择另一周。当用户点击第二周时,我想将结束日期设置为所选第二周的结束日期。
我不限于react-dates
,如果可能/更容易使用另一个包,我可以使用它!
我希望我已经足够清楚了,不要犹豫,要求澄清。
提前致谢。
使用DateRangePicker
来自 的组件react-dates
,您需要这些道具:
<DateRangePicker
...
startDateOffset={day => day.subtract(3, 'days')}
endDateOffset={day => day.add(3, 'days')} />
示例:https ://stackblitz.com/edit/react-lyd5qh
您可以使用 endDateOffset 中的逻辑来指向一个方法来计算一周结束还剩多少天并相应地设置它