如何在 React js 中禁用当前和过去一周的日期？ [复制]答案

【问题标题】：How to disable current and past week dates in react js? [duplicate]如何在 React js 中禁用当前和过去一周的日期？ [复制]
【发布时间】：2019-07-29 16:50:56
【问题描述】：

我在 react js 中使用日历。我正在尝试禁用整个本周。现在，我可以设置 min date min={new Date(2019, 7, 29)} 所以直到今天过去的日期都被禁用。但根据要求，如果一周已经开始，那么用户不能选择整个当前周。即今天的日期是 2019 年 7 月 29 日，所以应该禁用 2019 年 8 月 4 日之前的日期。我的一周从星期一开始，到星期日结束。如果它的任何功能都可以用来实现这个功能，我也在使用 lodash 库。 TIA。

【问题讨论】：

嗨！您能否分享更多信息以便我们为您提供帮助？你试过的代码，你得到的错误（如果有的话）。您在应用中使用什么日历库？如果它可以帮助查看问题和预期行为的屏幕截图。
嗨！完全取决于您使用的库？这与 react 无关。
我正在使用移动日历。我试图计算当前周但无法做到。如果星期三是当前日期，则添加 7 天逻辑将不起作用。即2019 年 7 月 31 日是当前日期，那么整个星期将被禁用。

标签： javascript reactjs

【解决方案1】：

检查当前日期并相应地更改您的开始日期。

let minDate = newDate();
const today = new Date();
if (today.getDay() === 0) { // note: this returns 0-7 with 0 being sunday 
  // its sunday, set min date to tomorrow(beginning of your week)
  minDate = minDate.setDate(today.getDate()+1);
} else { // now we know its monday - sat
  const offset = 8 - today.getDay(); // this is the number of days till the next week.
  minDate = minDate.setDate(today.getDate()+offset);
}

【讨论】：