Question

我有一个编辑表单。目前，我可以获取输入的标题和描述。这是代码

componentWillReceiveProps(newProps) {
    console.log(newProps);
    console.log(newProps.calendarEvent);
    const { change, calendarEvent } = this.props;
    if (this.state.initial) {
      this.setState({ initial: false }, () => {
        if (newProps.calendarEvent && newProps.calendarEvent.summary) {
          change('title', newProps.calendarEvent.summary);
        }

        if (newProps.calendarEvent && newProps.calendarEvent.description) {
          change('description', newProps.calendarEvent.description);
        }

由于该代码，我如何使用moment.js获取输入的时间

Answer 1

如果在calendarEvent.start.dateTime中具有DateTime，则可以先将其转换为矩对象

moment(calendarEvent.start.dateTime)

然后，您可以将其用作任何时刻对象。如果您需要以分钟/小时的时间来获取时间，则可以

moment(calendarEvent.start.dateTime).format('hh:mm A')

Answer 2

 componentWillReceiveProps(newProps) {
    console.log(newProps);
    console.log(newProps.calendarEvent);
    const { change, calendarEvent } = this.props;
    if (this.state.initial) {
      this.setState({ initial: false }, () => {
        if (newProps.calendarEvent && newProps.calendarEvent.summary) {
          change('title', newProps.calendarEvent.summary);
        }

        if (newProps.calendarEvent && newProps.calendarEvent.description) {
          change('description', newProps.calendarEvent.description);
        }

        if (newProps.calendarEvent && newProps.moment(calendarEvent.start.dateTime)) {
          change('hour', newProps.moment(calendarEvent.start.dateTime).format('hh:mm A'));
        }
      });
    }
  }

使用moment.js更改表单中的日期

2 个答案: