Как отформатировать дату в Angular 2?

Question

[rinatoptimus]

Нужно, чтобы дата выводилась в формате ДД/ММ (допускается вариант с точкой ДД.ММ). Например, "23 февраля" должно выглядеть так: 23/02 (или 23.02).
Для этого в HTML есть редактируемый инпут с датой:

<inline-editor type="date" [(ngModel)]="product.personBirthDate" (onSave)="saveEditable($event)" name="personBirthDate" size="8"></inline-editor>

В главном модуле app.module.ts прописано:

import { DatePipe } from '@angular/common';

В компоненте добавлено:

personBirthDate: number = Date.now();

Ориентировался на этот пример из офиц документации
В консоли: joxi.ru/DmBLoJZhwywRJA

Как отформатировать дату?

Comments

[Ivan Stroykin]

Можете здесь пример сделать? ссылка

[napa3um]

https://momentjs.com/

[rinatoptimus]

Иван Стройкин: stackblitz никак не может найти 2 модуля, не знаете, почему? https://stackblitz.com/edit/angular-mm2gnh?file=in...

[Ivan Stroykin]

rinatoptimus: зашел, а вы там правки вносите )

[rinatoptimus]

Иван Стройкин: Я все не могу разобраться, почему он 2 модуля не может найти)

[Ivan Stroykin]

rinatoptimus: эти 2 модуля вроде как не играют роли в вопросе. Может обойтись без них?

[rinatoptimus]

"Фонт осам" - не нужен, да, а вот ng2-inline-editor как раз отвечает за редактирование инпутов. Но вот файл, который он не может найти - ng2-inline-editor.umd - я даже на локальной версии его не нашел.

[Ivan Stroykin]

rinatoptimus: можно ведь обойтись простым инпутом для решения вопроса?)

[rinatoptimus]

Иван Стройкин: думаю, да)

Answer 1

[denismaster]

Надо разбить[(ngModel)] на два блока:

[ngModel] ="product.personBirthDate | date : "dd/MM/yyyy"

, который отобразит данные, и
(ngModel) = "personBirthDate=$event", для их установки.