Question

我有一个来自react-day-picker插件的DayPickerInput元素，我不知道如何从当日开始的一个月（31天）后禁用所有天数。有什么帮助吗？

谢谢。

Answer 1

文档可能更清晰。这应该为您做到：

<DayPickerInput
    value={moment(minDate).format('YYYY-MM-DD')}
    dayPickerProps={{
        disabledDays: {
            after: new Date(2018, 3, 20),
        },
    }}
    onDayChange={day => console.log(day)}
/>

用您的日期替换新的Date（y，m，d）。

[根据我的评论编辑]

如果您真的想在一个月的第一天增加31天，则并非所有的月份都为31天：

来源：Add day(s) to a Date object

var myDate = new Date();
myDate.setDate(myDate.getDate() + AddDaysHere);

其中“ AddDaysHere”为31。

如果您只是想确保无法选择下个月的日期，则可以：

// There is probably a billion better ways to get the next available month, this is just basic
let currentMonth = 2;
let nextMonth = currentMonth + 1;
if (nextMonth > 11) { nextMonth = 0;} // I believe javascript months start at 0.

Date(2018, nextMonth, 1)

编码愉快！

Reactjs DayPickerInput禁用天数

1 个答案: