如何仅在“反应日”中启用两天

Question

我只需要在react-day-picker中启用两天。剩余的日子应被禁用。谁能给我一个如何实现这一目标的例子？

我尝试了这个示例，但对我不起作用。

export default function Example() {
  getDaysInMonth(month, year){
    // Since no month has fewer than 28 days
    let date = new Date(year, month, 1);
    const days = [];
    while (date.getMonth() === month) {
      dateys.push(new Date(date));
      date.setDate(date.getDate() + 1);
    }
    return days;
  }
  const disabledMonth = this.getDaysInMonth(12, 2017);
    return (
      <DayPicker
        initialMonth={new Date(2017, 3)}
        disabledDays={
          this.disabledMonth.filter(
            (date) => ![new Date(2017, 12, 3), new Date(2017, 12, 13)].includes(date)
          )
        }
      />
    );
}

我尝试运行此代码，我获得空数组

Answer 1

一个选项是，如果两天在同一个月内，则可以设置用户无法更改月份。您可以在第一个月设置这个月。

然后，您可以设置残疾人的日期，这将是一系列日期，该日期不包括两个可用日子。

示例：

如果您使用类似的东西有一种方法在一个月内获取所有日期，则可以做这样的事情：

import React from 'react';
import DayPicker from 'react-day-picker';
import 'react-day-picker/lib/style.css';
export default function Example() {
  const disabledMonth = getDaysInMonth(11, 2017);
  return (
    <DayPicker
      initialMonth={new Date(2017, 11)}
      disabledDays={
        this.disabledMonth.filter(
          (date) => ![new Date(2017, 11, 3).toString(), new Date(2017, 11, 13).toString()].includes(date.toString())
        )
      }
    />
  );
}

在这里，我要过滤两个日期，即12月的第三和13日，应该可用。

这是用ES6