Формат datetime получить из БД в Angular

Question

У меня есть данные даты и времени, полученные из моей базы данных, необработанные данные datetime - 2019-04-02T17:14:54.204515Z В представлении «Компонент» я использовал {{acc.updated_at|date:'dd/MM/yyyy HH:mm:ss'}}, но мой полученный результат - 03/04/2019 00:14:54. Правильный результат - 04.02.2009 17:14:54 Могу я ошибиться в своем коде? Спасибо за помощь!

Answer 1

Вы можете сделать это:

 <table width="100%" border="1">
        <tr>
          <th colspan="2">Test format Date Angular</th>
        </tr>
        <tr>
          <th>Date</th>
          <th>Format</th>
        </tr>
        <tr>
          <th colspan="2">Model Date ({{dateNow}})</th>
        </tr>
        <tr *ngFor="let format of formatsDateTest">
          <td>{{dateNow | date: format}}</td>
          <td>{{format}}</td>
        </tr>
        <tr>
          <th colspan="2">Model string ISO ({{dateNowISO}})</th>
        </tr>
        <tr *ngFor="let format of formatsDateTest">
          <td>{{dateNowISO | date: format}}</td>
          <td>{{format}}</td>
        </tr>
        <tr>
          <th colspan="2">Model Number Milliseconds ({{dateNowMilliseconds}})</th>
        </tr>
        <tr *ngFor="let format of formatsDateTest">
          <td>{{dateNowMilliseconds | date: format}}</td>
          <td>{{format}}</td>
        </tr>
      </table>

и в .ts

 formatsDateTest: string[] = [
    'dd/MM/yyyy',
    'dd/MM/yyyy hh:mm:ss',
    'dd-MM-yyyy',
    'dd-MM-yyyy HH:mm:ss',
    'MM/dd/yyyy',
    'MM/dd/yyyy hh:mm:ss',
    'yyyy/MM/dd',
    'yyyy/MM/dd HH:mm:ss',
    'dd/MM/yy',
    'dd/MM/yy hh:mm:ss',
    ];

  dateNow : Date = new Date();
  dateNowISO = this.dateNow.toISOString();
  dateNowMilliseconds = this.dateNow.getTime();

Answer 2

Вы можете отформатировать дату, используя date filer в html, как это

Первое решение

 <span>{{created |date:'dd.MM.yyyy, hh:mm'}}</span>

Или вы можете отформатировать его в файл TS

Второй раствор

toDate = new Date();
let toDate=(this.toDate.getDate()+1)+"/"+this.toDate.getMonth()+"/"+this.toDate.getFullYear();

с помощью функции объекта Date (получить месяц ... и т. Д.)

Update

Ваш вопрос из зоны, и вы должны отображать часы в 24, а не в 12 системе Пожалуйста, смотрите здесь вы можете найти решение Как я могу справиться с проблемой часового пояса с датой Angular 4?