如何将按钮添加到 react-date-range

Question

import { DateRangePicker } from 'react-date-range';

<DateRangePicker
   onChange={(item) => { this.handleonDateRange(item)}}
   showSelectionPreview={true}
   moveRangeOnFirstSelection={false}
   months={2}
   ranges={this.state.dateRange}
   direction="horizontal"
/>

图像是

如何在右下角添加应用按钮？？这样当用户点击应用按钮时我可以隐藏日历

Answer 1

目前 react-date-range 中没有提供按钮的选项，但是我们可以将 DateRangePicker 包含在 Bootstrap React-Modal 中，我们可以在 Bootstrap React-Modal

中添加一个按钮

如何将按钮添加到 react-date-range

How to add a button to react-date-range

reactjs

react-redux

react-datepicker