airbnb react-dates SDP-今天如何停用？

Question

这似乎很基本，我使用的是airbnb的react-dates（SingleDatePicker），但我不知道如何禁用今天的日期。其他所有工作都很好，我只是不希望他们今天能够选择。

任何指导将不胜感激。

Answer 1

isOutsideRange需要一个回调来接收日历的一天作为参数。

您应该编写函数将此参数与要阻止的日期进行比较。 函数示例

function blocksDay(day) {
  return day.isSame(moment(), ‘“day”);
}
....
<SingleDatePicker
...
isOutsideRange={blocksDay}
/>

blocksDay函数在日历的每一天执行，以了解允许的日期。

您可以屏蔽整个范围，也可以仅屏蔽特定日期。这要归功于moment.js库。 这是当下文档的链接：moment

您可以根据需要在浏览器中测试即时功能，只需在当前网站上打开浏览器的控制台即可