'Angular Date'에 해당되는 글 1건

  1. 2020.08.31 Angular Date Format (엥귤러 날짜포멧)
2020. 8. 31. 15:12

angular Date값이 UTC값으로 등록되어 있는데, 

Front단에서 보여줄때는 YYYY-MM-DD로 보여주고 싶을때,

 

                <ng-container matColumnDef="createdDate">
                    <th class="text-sm" mat-header-cell *matHeaderCellDef>createdDate</th>
                    <td class="text-sm" mat-cell *matCellDef="let data"> {{ data.createdDate | date:'yyyy-MM-dd' }} </td>
                </ng-container>

 

createdDate값이 

2001-10-31T15:00:00.000Z 

로 되어 있는것을 프론트에서 보여주는 방법은,

{{ data.createdDate}}

위 부분을 아래처럼 바꿔주면 된다.

{{ data.createdDate | date:'yyyy-MM-dd' }}

원하는 포멧으로  yyyy년도, MM월, dd 일 이렇게 표시하면 된다.

Posted by Tyson