首页 > 解决方案 > 如何在反应日期中显示单个日历?

问题描述

我需要SingleDatePicker从反应日期整合。

这是我在代码中写的

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

现在它显示了双日历。

在此处输入图像描述

但我只需要显示单个。像这样的东西

在此处输入图像描述

有什么选项SingleDatePicker可以做到这一点吗?

标签: reactjsdatepickerreact-datepickerreact-dates

解决方案


你可以试试这个:

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

推荐阅读