react-datepicker 去除其他月份同一天的颜色

Question

如果您查看 react-datepicker 的默认实现，则每个月都会突出显示本月的某一天。有没有办法只 highlight/color 当月的那一天而不在所有其他月份突出显示该日期？

如果您看第一张图片，8 月 6 日会突出显示，因为它是当前日期。但也突出显示了 9 月 6 日。

Answer 1

创建自定义 css 选择器以禁用所有这些日期的背景。

.react-datepicker__day.react-datepicker__day--keyboard-selected {
  background: none;
  color: black;
}

也检查这个沙箱

Answer 2

在我意识到这个问题与 CSS class .react-datepicker__day--keyboard-selected 有关后，我进行了快速搜索，发现我们可以通过禁用键盘导航来解决这个问题（如果您不需要键盘导航功能）

<DatePicker 
  selected={startDate} 
  onChange={date => setStartDate(date)}
  disabledKeyboardNavigation
/>

react-datepicker remove coloring of same day in other months