angular date format inside the html

Currently date is display like below
enter image description here

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>

>Solution :

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

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

Leave a Reply