2017-05-25 10 views
0

私はタイムピッカーを使用していて、ポップアップにクラスを追加する必要のあるポップアップをカスタマイズしようとしています。私は "popupClassName"を使ってみましたが、そのクラス名がポップアップに追加されるのを見ません。Ant - design TimePicker - "popupClassName"小道具が動作しません

タイムピッカーのポップアップにどのようにクラスを追加することができますか教えてください。

答えて

0

これは文書化されているように機能します。 https://codepen.io/JesperWe/pen/RVOwOVを参照すると、クラスといくつかのCSSが追加され、ポップアップに赤い影が付けられます。

<TimePicker defaultValue={moment()} popupClassName="foobar"/> 

結果:

<div class="ant-time-picker-panel foobar ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft" 
    style="left: 24px; top: 63.7778px;"> 
    <div class="ant-time-picker-panel-inner"> 
     <div class="ant-time-picker-panel-input-wrap"> 
      <input class="ant-time-picker-panel-input" value="02:32:41" placeholder="Select time"><a 
       class="ant-time-picker-panel-clear-btn" role="button" title="clear"></a> 
     </div> 
     <div class="ant-time-picker-panel-combobox"> 
      <div class="ant-time-picker-panel-select"> 
       <ul>...</ul> 
      </div> 
      <div class="ant-time-picker-panel-select"> 
       <ul>...</ul> 
      </div> 
     </div> 
    </div> 
</div> 
+0

うんその作業、ありがとうございました。私の間違いは、私はantD verionを2.10.2にアップデートしていました。しかし、私は時間ピッカーに関するもう一つの質問があります。私たちが時間を選択すると、スクロールトップを止めることができますか? – Baraneedharan

関連する問題