angular date format inside the html-CodePudding

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 >
    {{_modalViewData.dateOfLoss}}
</label>

CodePudding user response：

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

<label >
    {{_modalViewData.dateOfLoss | date: 'dd/MM/yyyy'}}
</label>

CodePudding user response：

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

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