2017-01-21 11 views
0

corruptionリアクト-日付ピッカーを腐敗 - 曜日

反応し、日付ピッカーを使用した場合、破損のこの種のを見て、誰がいますか?私は反応コンポーネント内にdatepickerを持っています。ここに私が持っているコードがあります。これは、v25のエラーのためにrect-datepickerを0.25.0から0.39.0に更新した後に起きました。どんな助けもありがとうございます。ありがとう。例えば、

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

編集を

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ファイル(または参照)を更​​新する必要があります新しい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があるということです。 –

関連する問題