Reactjs DayPickerInput 禁用天数

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

将新的日期(y，m，d(替换为您的日期。

[根据我的评论编辑]

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

源：向日期对象添加天

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)

祝您编码愉快！