Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在日期中显示单个日历?_Reactjs_Datepicker_React Datepicker_React Dates - Fatal编程技术网

Reactjs 如何在日期中显示单个日历?

Reactjs 如何在日期中显示单个日历?,reactjs,datepicker,react-datepicker,react-dates,Reactjs,Datepicker,React Datepicker,React Dates,我需要集成来自react dates的SingleDatePicker 这是我在代码中写的 <SingleDatePicker date={moment()} onDateChange={date => this.setState({ date })} focused={this.state.focused} onFocusChange={({ focused }) => this.setState({ focused })} id=

我需要集成来自react dates的
SingleDatePicker

这是我在代码中写的

<SingleDatePicker
    date={moment()} 
    onDateChange={date => this.setState({ date })} 
    focused={this.state.focused}
    onFocusChange={({ focused }) => this.setState({ focused })}
    id="your_unique_id"
/>
this.setState({date})
聚焦={this.state.focused}
onFocusChange={({focused})=>this.setState({focused})
id=“您的\u唯一\u id”
/>
现在我看到了双日历

但我只需要显示单身。像这样的

SingleDatePicker中是否有任何选项可以执行此操作?

您可以尝试以下操作:

<SingleDatePicker
    date={moment()} 
    onDateChange={(date) => this.setState({ date })}
    numberOfMonths={1},
    focused={this.state.focused}
    onFocusChange={({ focused }) => this.setState({ focused })}
    id="your_unique_id"
/>
this.setState({date})
numberOfMonths={1},
聚焦={this.state.focused}
onFocusChange={({focused})=>this.setState({focused})
id=“您的\u唯一\u id”
/>
lokk指出: