datepicker - 在 react 日选择器上设置最小和最大日期

Question

如何设置最大或最小日期？
例如，我想限制我的 daypicker 只在过去 2 个月(最小日期)直到今天(最大日期)。所以用户不能选择明天的日期。谢谢

http://react-day-picker.js.org/docs/

Answer 1

您需要使用 disabledDays 属性。它可以传递一组修饰符，详见 http://react-day-picker.js.org/docs/modifiers

以下应该做你需要的:

var twoMonthsAgo = new Date();
twoMonthsAgo.setMonth(twoMonthsAgo.getMonth() - 2);

<DayPicker disabledDays={
{ 
    before: twoMonthsAgo, 
    after: new Date()
}} />