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

Question

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

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

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

看看implementation of their themes，似乎没有一种方法可以改变某些日子的风格。

我是不是漏掉了什么？有没有一种方法来定义单独的一天？

Answer 1

你要找的是isDayHighlighted属性。

你可以找到一个关于如何使用它的例子there

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

github issue here上提供了一个示例

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