angular date format inside the html

Question

Currently date is display like below

I need to format this date like, Date of Loss: 08/07/2022 (DD/MM/YYYY)

This is my HTML code. I need to do it inside the HTML page. Is it possible?

<label class="col-form-label font-weight-bold">
    {{_modalViewData.dateOfLoss}}
</label>

there's this on angular or this library and here is how to use it with angular have you tried any of those? — Florencia Cames, Jul 27 '22 at 05:45

score 3 · Accepted Answer · edited Jul 27 '22 at 06:46

3

You can use pipes. Pipes provide you the possibility to change the transform the string without changing the value itself.

<label class="col-form-label font-weight-bold">
    {{_modalViewData.dateOfLoss | date: 'dd/MM/yyyy'}}
</label>

edited Jul 27 '22 at 06:46

Roy

answered Jul 27 '22 at 05:45

Jonathan Lopez

score 0 · Answer 2 · answered Jul 27 '22 at 07:12

0

Use Angular Date Pipe functionality for transform date to any specific format

{{_modalViewData.dateOfLoss | date : 'dd/MM/YYYY'}}

answered Jul 27 '22 at 07:12

Mr.Developer

2 Answers2