react-dates - 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 文档的链接：moment

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