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

Question

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

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

Answer 1

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

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

Answer 2

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

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

也检查此沙箱

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