2017-01-21 30 views
0

corruption阵营,日期选择腐败 - 星期

使用反应,日期选择器时,有没有人见过这种腐败的日子吗?我有一个反应组件中的日期选择器。这是我的代码。由于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> 

回答

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; 
} 
+0

我完全错过了它的那一部分,所以我去图书馆添加了CSS,但不幸的是,那仍然无法工作。我更新了我的问题,如何导入css和datepicker。谢谢。 –

+0

我已经更新了我的答案和CSS更改的重要部分。确保你的CSS文件看起来像这样。一个工作示例可以在这里找到(v0.37,但大多与v0.39相同):https://codepen.io/jochenberger/pen/xRpQOK – Sphinxxx

+0

谢谢。导入后不为我工作的原因是有一个全球css是由我以前没有意识到的开发人员创建的。 –