微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

无法输出选择的时间 timepeterjoseph / react-time-range

如何解决无法输出选择的时间 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 举报,一经查实,本站将立刻删除。