在反应日选择器上设置最小和最大日期

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()
}} />

Answer 2

在文档React Day Picker Modifiers中，您似乎可以传递fromMonth的道具，您可以将其计算为今天日期前两个月的月份。您还可以传递disabledDays道具，根据您的参数禁用天数。

const lastMonth = new Date();
lastMonth.setMonth(lastMonth.getMonth() - 2);
<DayPicker
  fromMonth={lastMonth} 
  disabledDays={{ after: today }}
/>

你可能需要稍微调整一下，但它应该告诉你去哪里。