Question

定义状态值

constructor(props) {
    super(props);
    this.state = {
      startDate: moment(),
      startTime: moment(),
      endDate: moment(),
      endTime: moment(),
     }
   }

这些是我的日期和时间选择组件

<FormGroup row>
   <Col md="3"><span>Start Date</span><Datetime dateFormat={true} timeFormat={false} onChange={this.handleStartDate.bind(this)}/></Col>
   <Col md="3"><span>Start Time</span><Datetime dateFormat={false} timeFormat={true} onChange={this.handleStartTime.bind(this)}/></Col>
   <Col md="3"><span>End Date</span><Datetime dateFormat={true} timeFormat={false} onChange={this.handleEndDate.bind(this)}/></Col>
   <Col md="3"><span>End Time</span><Datetime dateFormat={false} timeFormat={true} onChange={this.handleEndTime.bind(this)}/></Col>
</FormGroup>

onChange函数是

// start date 
  handleStartDate(date) {
    this.setState({startDate: date});
    this.forceUpdate()
  }
// start time 
  handleStartTime(time) {
    this.setState({ startTime: time });
    this.forceUpdate()
  }
// end date 
  handleEndDate(date) {
    this.setState({ endDate: date });
    this.forceUpdate()
  }
// end time 
  handleEndTime(time) {
    this.setState({ endTime: time });
    this.forceUpdate()
  }

在最后一个提交按钮上，我只想选择时间选项来获取时间，当我尝试控制时间时，返回值为

  submitClick(){
  console.log(this.state.endTime)//returns the value like Mon Oct 01 2018 02:00:00 GMT+0530 (India Standard Time)
}

请帮助我仅从2018年10月1日星期一格林尼治标准时间+0530（印度标准时间）提取时间

Answer 1

就像使用矩型库一样，您可以使用format function来满足自己的需求。

例如：

console.log(moment(this.state.endTime).format("HH:mm"))

Answer 2

moment(this.state.endTime).format("h:mm:ss a")

我如何从reactjs中的Mon Oct 01 2018 02:00:00 GMT + 0530（India Standard Time）中提取时间

2 个答案: