从react-datetime解析日期/时间值

Question

我正在使用react-datetime向用户呈现日历，以便进行日期/时间选择。如何解析存储在state中的值，并将其转换为可读的日期，以便在UI中的其他位置呈现该日期。

我在post请求中发送了date，其值类似于：2018-10-26T18:15:47.608Z。当我试图在一个表中呈现该时间时，它被剥离为这个值1540577747608。我现在想要显示zulu时间。

      this.state = {
         date: new Date()
      }

      dateChange = date => this.setState({ date });

      render() {
      return (
            <div>
              <label>Choose a start date/time:</label>
              <Datetime
                onChange={this.dateChange}
                value={this.state.date}
                input={false}
                isValidDate={validDate}
                open={true}
                utc={false}
                onClickDay={value => alert("day" + value + "clicked")}
              />
            </div>
          </div>

在我希望呈现日期的另一个组件中，从api调用中检索该值并将其存储为formatDate: response.data.data.date。

然后，我在一个表中呈现：<td key={schedule.formatDate}>{schedule.formatDate}</td>

Answer 1

Date没有简单的时间格式化方法。

如果要显示UTC时间或zulu时间，则必须使用专用方法来访问小时、分钟和秒，并手动格式化它们。

例如，以下内容显示UTC小时和分钟：

`${event.getUTCHours()}h${event.getUTCMinutes()}`