结合休息日、过去的日子和一系列自定义日子,在日选择器中禁用

Combine off days, past days and array of customized days to be disabled in day-picker

我是 reactjs 的新手。我想寻求一些关于如何使用以下标准禁用 react-day-picker 上的日期的指导:

  1. 休息日
  2. 过去几天
  3. 一组日期(将在后端获取)

示例代码:

const selectedDays = [new Date(2020,01,01), new Date(2020,01,02)]

< DayPicker disabledDays={[{ daysOfWeek: dayOffs }, {before: new Date()}, selectedDays]} >

非常感谢任何帮助:)

从服务器检索的天数很可能不是日期对象,因此需要对其进行转换(使用 map 函数)。然后需要将它们合并到数组中(...展开运算符)。

< DayPicker disabledDays={[{ daysOfWeek: dayOffs }, {before: new Date()}, ...selectedDays.map(day=>new Date(day))]} >