简体   繁体   English

如何显示单个日历的反应日期

[英]How to show single calendar react-dates airbnb

I need to integrate SingleDatePicker from airbnb. 我需要整合SingleDatePicker从制作的Airbnb。

This is what I have written in the code 这就是我在代码中写的

<SingleDatePicker
    date={moment()} 
    onDateChange={date => this.setState({ date })} 
    focused={this.state.focused}
    onFocusChange={({ focused }) => this.setState({ focused })}
    id="your_unique_id"
/>

Now it shows me double calendar. 现在,它向我显示了双日历。

在此处输入图片说明

But I need to show only single. 但是我只需要显示一个。 Something like this 像这样

在此处输入图片说明

Is there any option in the SingleDatePicker to do this. SingleDatePicker是否有任何选项可以执行此操作。

Please help... Thank you 请帮忙...谢谢

you can try this: 您可以尝试以下方法:

<SingleDatePicker
    date={moment()} 
    onDateChange={(date) => this.setState({ date })}
    numberOfMonths={1},
    focused={this.state.focused}
    onFocusChange={({ focused }) => this.setState({ focused })}
    id="your_unique_id"
/>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM