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

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

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