在日期选择器中启用某些日期

Question

我正在React中寻找一个日期选择器，我只能启用某些日期。所有其他日期都需要禁用。我可以将日期列表传递给datepicker，它将只允许启用此列表中的日期。有谁知道允许它的日期选择器吗？

Answer 1

使用ALL vs ANY

的一个示例

const allowedDates = ['2020-06-04', '2020-06-05'];

return (
    <DatePicker
        filterDate={(d) => allowedDates.includes(moment(d).format('YYYY-MM-DD')) }
    />
)

Answer 2

您可以使用React Datepicker中的includeDates。用您的日期列表进行修改。

<DatePicker
  selected={startDate}
  onChange={date => setStartDate(date)}
  includeDates={[new Date('2020-08-08'), new Date('2020-08-09')]}
/>