react-datepicker 删除其他月份同一天的着色

Question

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

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

Answer 1

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

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

也检查这个沙箱

https://codesandbox.io/s/react-datepicker-wqs7y

Answer 2

在意识到此问题与某些“键盘选择”功能有关后，我进行了快速搜索，发现我们可以通过禁用键盘导航来解决此问题。（如果您不需要键盘导航功能）

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