文章/答案/技术大牛

发布

社区首页 >问答首页 >突出显示react-dates中的某些日期

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

Stack Overflow用户

提问于 2019-08-28 22:13:55

回答 1查看 590关注 0票数 1

我有一个来自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，似乎没有一种方法可以改变某些日子的风格。

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

reactjs

react-dates

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-08-28 22:32:13

你要找的是isDayHighlighted属性。

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

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

github issue here上提供了一个示例

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57694448

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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