Блог

Главная - Вопросы по программированию - Отображение удобочитаемого формата даты и времени в ReactJS

Отображение удобочитаемого формата даты и времени в ReactJS

#reactjs #react-datetime

#reactjs #реагировать-datetime

Вопрос:

У меня есть компонент react, в котором я использую useMemo для определения структуры таблицы. Мои данные поступают через API в DateTime (Web API C #). Я пытался использовать moment для преобразования формата даты и времени, но не смог этого сделать.

формат текущего времени без учета момента 2020-12-18T14:00:00

 const scheduleColumns = useMemo(
    () => [
      {
        Header: "Site ID",
        accessor: "siteId",
      },
      {
        Header: "Start Time",
        accessor: moment("startTime").fromNow(),
      },
    ],
    []
  );

..Таблица

     <TableItemsTabs          
        apiUrl={api.myAPI}
        columns={scheduleColumns}
    ></TableItemsTabs>}

Комментарии:

1. Но в каком формате вы хотите отобразить дату?

2. Я не возражаю, но этот формат будет идеальным … 08/12/2020 23:59

3. Время ДД: ММ: ГГГГ

4. Но если вы используете moment, разве вы не можете использовать .format() функцию, предоставляемую им?

5. итак, помогите мне, как я могу достичь цели .. я новичок в react

Ответ №1:

Даже найдено более простое решение, даже не требуется никакого модуля

 let a = new Date('2020-12-18T14:00:00');
a.toLocaleString('en-GB');
// Output - "18/12/2020, 14:00:00"

Комментарии:

1. мне нужно использовать код внутри useMemo, как указано в моем коде? как я могу использовать.toLocaleString(‘en-GB’);

2. В вашем useMemo вы можете добавить его следующим образом:> accessor: new Date().toLocaleString('en-GB');