Как отформатировать дату из базы данных в угловую

Question

Хотелось бы узнать, можно ли отфильтровать / отформатировать ngFor date (исходя из базы данных). У меня есть формат даты: "2017-11-02 12:13:14" в базе данных, но я хочу показать только "2017-11-02" в моей таблице ngFor. Возможно ли это?

<tr *ngFor="let myCar of cars>
            <td>{{myCar.name}}</td>
            <td>{{myCar.registered}}</td> //can I format retrieved date here?
</tr>

Я просто хочу знать, могу ли я удалить время и показывать только дату пользователям. Я не уверен, что ТРУБА может работать.

Answer 1

Вы можете сделать это с помощью .slice следующим образом:

<tr *ngFor="let myCar of cars>
    <td>{{myCar.name}}</td>
    <td>{{myCar.registered.slice(0, 10)}}</td>
</tr>

нет необходимости форматировать его снова

Answer 2

Вы можете использовать https://momentjs.com/

Установить местный язык в app.component.ts

moment.locale('pt-BR');

Создать службу (fx date-utils.service.ts) для форматированиядата:

public formatDate(inputDate) { return moment(inputdate).format(); }

Тогда вы можете использовать его в своем файле TS:

this.registered = dateUtilsService.formatDate(registered);

Answer 3

https://angular.io/api/common/DatePipe

https://stackblitz.com/edit/angular-74cpp1?file=src/app/app.component.ts

<tr *ngFor="let myCar of cars>
            <td>{{myCar.name}}</td>
            <td>{{myCar.registered | date: 'yyyy-MM-dd'}}</td>
</tr>