react-datepicker 为什么突出显示一个月中的同一天?

标签 react-datepicker

如果你在他们的网站上查看react-datepicker的默认示例 reactdatepicker.com ,您会发现,当您单击不同的月份时,该月中总会有一天呈蓝色,它恰好对应于所选日期所在月份的那一天。这是一个错误,还是一些没人想要的奇怪功能?我该如何摆脱它?我查看了文档,但没有发现任何内容。

最佳答案

更新 在意识到这个问题与某些“键盘选择”功能相关后,我进行了快速搜索,发现我们可以通过禁用键盘导航来解决这个问题。 (如果您不需要键盘导航功能)

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

不确定为什么在 2.14.1 版本之后会发生这种情况,但这里有一个快速修复方法。将以下样式应用到您的 css 文件以覆盖该样式。

.react-datepicker__day--keyboard-selected {
    border-radius: 0; 
    background-color: #FFF;
    color: #000;
}

如果不起作用,请添加!important

关于react-datepicker 为什么突出显示一个月中的同一天?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62417394/

相关文章:

javascript - 为什么这个组件根本不显示? react 日期选择器

javascript - 仅更新我更改其他状态的日期不应更新或更改 ReactJS/React-Hooks

reactjs - 如何在按钮单击时禁用 <react-date-picker> 组件

datepicker - 在 react 日选择器上设置最小和最大日期

javascript - react 日期选择器禁用手动输入日期

javascript - react 日期选择器 "Unable to preventDefault inside passive event listener invocation"

reactjs - 设置时区 React-Datepicker

javascript - 如何将react-hook-form与react-datepicker选择范围一起使用?

javascript - react 日期选择器过滤日期问题

javascript - 在调用从父级作为 prop 传递的子级中的方法时遇到问题