Анализ даты / времени из реакции-даты / времени - PullRequest
Новая
       5

Анализ даты / времени из реакции-даты / времени

0 голосов
/ 19 октября 2018

Я использую 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>

1 Ответ

0 голосов
/ 19 октября 2018

Date не имеет простого способа форматирования времени.
Если вы хотите отобразить время UTC - или время зулу - вы должны использовать специальные методы для доступа к часам, минутам и секундам и форматировать их вручную.
Например, следующие часы и минуты UTC отображают: 

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