React DatePicker:突出显示当前月份的天数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React DatePicker:突出显示当前月份的天数相关的知识,希望对你有一定的参考价值。

有什么方法可以突出当前React date-picker的日子。

在视觉上它应该看起来像当前月份的日子就像启用了黑色,而前一个月的日期是灰色的(像残疾人一样,但实际上它们仍然可以点击)。

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

这是我想要创建的示例的预览:

Example

enter image description here

答案

您可以覆盖此类的CSS:

  • .react-datepicker日 - 月外

以上是关于React DatePicker:突出显示当前月份的天数的主要内容,如果未能解决你的问题,请参考以下文章

ios7 datepicker当前日期未突出显示

在 datepicker 中仅显示当前月份,其余所有月份应使用 angularjs 禁用

react-datepicker,默认情况下与monthsShown有关

循环当前显示的 DatePicker 的日子

Bootstrap Datepicker - 动态更改格式 - 设置月份名称获取月份值

使用 DatePicker 中的单词在 React 中显示完整日期