在反应日期中突出显示某些日子

Question

我有一个来自 react-dates 的 DayPickerRangeController，定义如下：

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

我还有一些 API returns 一组日期的值。我试图找到一种方法来根据 API returns 更改某些日子的颜色。

看implementation of their themes，好像没有什么办法，可以改变某些日子的风格。

有什么我想念的吗？有没有办法为个别日子设置样式？

Answer 1

您要找的是isDayHighlighted道具

您可以找到有关如何使用它的示例there

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

在 github 问题 here

上提供了一个示例

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

在反应日期中突出显示某些日子

Highlight certain days in react-dates

reactjs

react-dates