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/

相关文章:

reactjs - 时间戳格式不支持 React `react-datepicker` 作为默认值

reactjs - react-modal:点击react-datepicker时如何让模态自动展开? (附代码)

javascript - react-datepicker 以秒为单位的时间选择

reactjs - 除了react-datepicker中的下拉菜单外,还有其他方法可以显示月份,年份吗?

javascript - 修改react-big-calendar中的工具提示

node.js - 将样式/类添加到 react-datepicker

reactjs - React Datepicker 排除过去的日期

ag-grid - 将 react-datepicker 与 agGrid 结合使用

javascript - react-datepicker,禁用特定日期的问题

reactjs - React-Datepicker:showTimeSelect 边距未正确对齐