Формат даты JSON с использованием углового JavaScript

Question

Я пытаюсь отобразить данные JSON в HTML-таблице.Когда я запускаю свой файл, в моей таблице появляется дата «2018-11-21T00: 00: 00.000 + 0000».Но мне нужно отображать только «2018-11-21».как я это делаю?Можете ли вы помочь моему разделить его.

import { Certificate } from './certificate';

export const CERTIFICATES: Certificate[] = [
    { date: '2018-11-21T00:00:00.000+0000', ident: 'Fe', moy_certified: 0.297 },
    { date: '2018-11-22T00:00:00.000+0000', ident: 'Cu', moy_certified: 0.04 },
    { date: '2018-11-23T00:00:00.000+0000', ident: 'Mn', moy_certified: 0.0374 }, 
    { date: '2018-11-24T00:00:00.000+0000', ident: 'V', moy_certified: 0.019 },
    { date: '2018-11-25T00:00:00.000+0000', ident: 'Mn', moy_certified: 0.037 }
];

<ul class="cert-result">
    <li *ngFor="let certificate of certificates">
      <table>
        <tr>
          <th>Date</th>
          <th>Element</th>
          <th>Composition</th>
        </tr>
        <tr>
          <td>{{certificate.date}}</td>
          <td>{{certificate.ident}}</td>
          <td>{{certificate.moy_certifiee}}</td>
        </tr>
      </table>
    </li>
  </ul>

Answer 1

2 варианта для вас:

1. Вы можете использовать Угловой фильтр по дате https://docs.angularjs.org/api/ng/filter/date
2. (new Date(certificate.date)).toLocaleDateString();

Answer 2

Вы можете использовать Pipes (|):

Представляя угловые каналы, способ записи преобразований отображаемых значений, которые вы можете объявить в своем HTML.

Канал принимает данные в качестве входных данных и преобразует их в желаемый выход.

Изменение

<td>{{certificate.date}}</td>

на

<td>{{certificate.date | date:'yyyy-MM-dd'}}</td>