React DatePicker：突出显示当前月份的日期答案

【问题标题】：React DatePicker: Highlight current month's daysReact DatePicker：突出显示当前月份的日期
【发布时间】：2018-02-13 10:53:07
【问题描述】：

有什么方法可以在React date-picker 中突出显示当前月份的日期。

从视觉上看，当前月份的日期应该看起来像启用的黑色，而上个月的日期是灰色的（就像禁用的，但实际上它们仍然是可点击的）。

 <DatePicker
   className="form-control"
   selected={this.props.dateFrom}
   onChange={(momentDate) => {
      this.props.changeDateFrom(momentDate);
   }}
   isClearable={false}
/>

这是我要创建的示例的预览：

【问题讨论】：

标签： jquery reactjs datepicker

【解决方案1】：

你可以覆盖这个类的CSS：

.react-datepicker__day--outside-month

【讨论】：

.react-datepicker__day--outside-month 找到了 =)。请重新编辑您的答案，以便我将其标记为正确的。

【解决方案2】：

正如 Damien 建议的那样，您需要覆盖 .react-datepicker__day--outside-month CSS 类。用于隐藏当前月份以外的任何日期的确切 CSS 如下所示。

.react-datepicker__day--outside-month {
  color: transparent !important;
  pointer-events: none;
}

【讨论】：

以禁用颜色显示外部月份日期color: #e0e0e0 !important;