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>

Answer 1

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

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

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

Answer 2

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>