Javascript 日期选择器中的时间值无效
当我从日期选择器中选择一个日期时,我想在Javascript 日期选择器中的时间值无效,javascript,reactjs,react-datepicker,Javascript,Reactjs,React Datepicker,当我从日期选择器中选择一个日期时,我想在项中显示它组件控制台.log(this.props.endDate)获取错误“范围无效时间”。我使用: 类应用程序扩展组件{ 构造函数(){ 超级(); 此.state={ 结束日期:新日期() }; } 句柄=(日期)=>{ 这是我的国家({ 结束日期:日期 }) } render(){ 返回( ); } } 类项扩展组件{ 构造函数(){ 超级(); } render(){ console.log(this.props.endDate) 返回( );
项中显示它组件控制台.log(this.props.endDate)
获取错误“范围无效时间”。我使用:
类应用程序扩展组件{
构造函数(){
超级();
此.state={
结束日期:新日期()
};
}
句柄=(日期)=>{
这是我的国家({
结束日期:日期
})
}
render(){
返回(
);
}
}
类项扩展组件{
构造函数(){
超级();
}
render(){
console.log(this.props.endDate)
返回(
);
}
}
您使用哪一个日期选择器库?@MaximeGirou尝试this.props.handle
而不是this.props.handle()
您的代码工作正常,除了由于onChange={this.props.handle()}
而导致的最大状态更新错误之外
如果无法再现此错误,则可能是您正在使用的代码的其他部分有问题。您使用哪个日期选择器库?@MaximeGirou尝试this.props.handle
而不是this.props.handle()
您的代码工作正常,但由于一次更改导致的最大状态更新
错误除外={this.props.handle()}
,应该是onChange={this.props.handle}
如果无法再现此错误,则可能是您正在使用的代码的其他部分有问题。
class App extends Component {
constructor() {
super();
this.state = {
endDate: new Date()
};
}
handle = (date) => {
this.setState({
endDate: date
})
}
render() {
return (
<div>
<Item
endDate = {this.state.endDate}
handle = {this.handle}
/>
</div>
);
}
}
class Item extends Component {
constructor() {
super();
}
render() {
console.log(this.props.endDate)
return (
<div>
<DatePicker
selected={this.props.endDate}
onChange={this.props.handle()}
showTimeSelect
timeFormat="HH:mm"
timeIntervals={15}
dateFormat="MMMM d, yyyy h:mm aa"
timeCaption="time"
/>
</div>
);
}
}