reactjs - 如何在反应中的任何日期范围选择器中添加开始日期和 enf 日期的两个特定日期限制

Question

我需要使用一个日期范围选择器，我需要在其中实现逻辑

开始日期最多可距今天 6 个月，结束日期最多可距单个日期范围选择器中的开始日期 6 个月

好吧，我玩过不同的套餐，但我可以对任何一个日期设置限制。

建议表示赞赏

标签： reactjs

Answer 1

你可以将 react-calendar 与 moment 一起使用，它支持一些 props，其中两个是 minDate 和 maxDate。

渲染两个 react-calendar 实例， passminDate={moment().subtract(6, 'months')}和maxDate={moment()}.

默认情况下禁用第二个实例或仅当用户在日历的第一个实例中选择日期时才呈现它。然后通过minDate={dateSelectedInFirstInstance.add(1, 'day')}和maxDate={dateSelectedInFirstInstance.add(6, 'month')}。