我有时间范围字段TimeFrom和TimeTil
TimeFrom不应大于TimeTil
只有在选择TimeFrom和TimeTil之后，该值才应该显示到TextArea。
例如，如果选择了TimeFrom-“1:00”和TimeTil-4:00，则会将其显示到TextArea中。 然后为下一个选择清空TimeFrom和TimeTil
下面是代码:
import React from "react";
import "./styles.css";
import TimeComponent from "./TimeComponent"
export default function App() {
return (
<div className="App">
<TimeComponent/>
</div>
);
}
沙箱:https://codesandbox.io/embedd/optistis-spence-4jnuk？fontsize=14&hidenavigation=1&theme=dark
您需要的是调用TimePicker的OnClose方法上的ButtonHander方法。 这意味着当你选择了你需要的时间并按下其他地方关闭弹出窗口时，它会触发这个事件，然后它应该更新状态（当然如果两个时间条目都不是空的）
<TimePicker
onClose={this.buttonHanlder}
value={
moment(this.state.timeto, "HH:mm").isValid()
? moment(this.state.timeto, "HH:mm")
: ""
}
onChange={time => this.handleChange(time, "timeto")}
showSecond={false}
/>
并在handlechange中删除调用
检查此沙箱
https://codesandbox.io/s/hungry-flower-4ph42
