如何解决无法输出选择的时间 timepeterjoseph / react-time-range
我正在使用 TimeRange,当我想格式化时间并在子组件中使用它时,我遇到错误:
“类型错误:_this.state.endTime.format 不是函数”
只有在我更改时间时才会发生这种情况,如果我不及时进行任何更改,则它可以完美运行。
代码:
import React,{ Component } from "react";
import TimeRange from "react-time-range";
import moment from "moment";
class Menu extends Component {
constructor(props) {
super(props)
this.state = {
endTime: moment(),startTime: moment(),};
}
returnFunctionStart = (event) => {
this.setState({
startTime: event.startTime,});
};
returnFunctionEnd = (event) => {
this.setState({
endTime: event.endTime,});
};
timePicker() {
return (
<TimeRange
onStartTimeChange={(event) => {
this.returnFunctionStart(event);
}}
onEndTimeChange={(event) => {
this.returnFunctionEnd(event);
}}
startMoment={this.state.startTime}
endMoment={this.state.endTime}
/>
);
}
子组件
return (
<Bg5
startTime={this.state.startTime.format("hh:mm A")}
endTime={this.state.endTime.format("hh:mm A")}
></Bg5>
)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。