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 일 이렇게 표시하면 된다.
'컴퓨터 > Angular' 카테고리의 다른 글
mat-video 사용시 무한로딩 (0) | 2020.09.24 |
---|---|
aws s3. default. is not a constructor. 에러 (0) | 2020.09.22 |
Angular 문자열 ...으로 표시하기(툴팁 추가) (0) | 2020.08.31 |
엥귤러 달력 넣기 (DatePicker 사용하기) (0) | 2020.08.31 |
[ERROR] An error occurred while running subprocess cordova-res. 에러 (0) | 2020.07.21 |