React-datepicker损坏 - 一周中的几天

Question

使用react-datepicker时有没有人见过这种腐败？我在react组件中有datepicker。这是我的代码。由于v25错误，我将rect-datepicker从0.25.0更新到0.39.0后开始发生这种情况。任何帮助表示赞赏。感谢。

import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

            <Col md={2}>
              <DatePicker
                minDate={this.state.minFilterDateTime}
                maxDate={this.state.maxFilterDateTime}
                onChange={this._changeFilterFromDateTime}
                selected={this.state.filterFromDateTime} />
            </Col>

Answer 1

日期名称的CSS类在这些版本之间发生了变化，因此您还必须更新react-datepicker CSS文件（或参考），例如

<link href="https://cdnjs.cloudflare.com/ajax/libs/react-datepicker/0.39.0/react-datepicker.min.css" rel="stylesheet" />

修改

用于告知新react-datepicker__day-name班级为display: inline-block的CSS块：

.react-datepicker__day-name,
.react-datepicker__day {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}