Question

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

我在发布请求中发送了date，其值类似于：2018-10-26T18:15:47.608Z。当我尝试在表中呈现该时间时，它将被剥离为该值1540577747608。我现在要显示祖鲁时间。

      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()}`

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

1 个答案: