reactjs - 在 react-dates 中突出显示某些日期

Question

我有一个DayPickerRangeControllerfrom react-dates，定义如下：

<DayPickerRangeController
    startDate={start}
    endDate={end}
    onDatesChange={onDatesChange}
    firstDayOfWeek={1}
    numberOfMonths={3}
    focusedInput={focusedDateInput}
    onFocusChange={e => setFocussedDateInput(e as FocusedInputShape)}
/>

我还有一些 API 可以返回一组日期的值。我正在尝试根据 API 返回的内容找到一种方法来更改某些日子的颜色。

看看他们主题的实现，似乎没有办法改变某些日子的风格。

有什么我想念的吗？有没有办法为个人日子设计风格？

Answer 1

你要找的是isDayHighlighted道具。

您可以在此处找到有关如何使用它的示例

如果你真的想在某些日子实现自己的风格，你可以使用renderDayContents道具。

此处的 github 问题上提供了一个示例

<DayPicker
    renderDayContents={(day) => (day.day() % 6 === 5 ? ":)" : day.format('D'))}
/>