https://angular.io/api/common/DatePipe
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | @Component({ selector: 'date-pipe', template: `<div> <!--output 'Jun 15, 2015'--> <p>Today is {{today | date}}</p> <!--output 'Monday, June 15, 2015'--> <p>Or if you prefer, {{today | date:'fullDate'}}</p> <!--output '9:43 AM'--> <p>The time is {{today | date:'shortTime'}}</p> <!--output 'Monday, June 15, 2015 at 9:03:01 AM GMT+01:00' --> <p>The full date/time is {{today | date:'full'}}</p> <!--output 'Lundi 15 Juin 2015 à 09:03:01 GMT+01:00'--> <p>The full date/time in french is: {{today | date:'full':'':'fr'}}</p> <!--output '2015-06-15 05:03 PM GMT+9'--> <p>The custom date is {{today | date:'yyyy-MM-dd HH:mm a z':'+0900'}}</p> <!--output '2015-06-15 09:03 AM GMT+9'--> <p>The custom date with fixed timezone is {{fixedTimezone | date:'yyyy-MM-dd HH:mm a z':'+0900'}}</p> </div>` }) export class DatePipeComponent { today = Date.now(); fixedTimezone = '2015-06-15T09:03:01+0900'; } | cs |
'개발 > angular' 카테고리의 다른 글
angular 기본 명령어 모음 (0) | 2019.05.16 |
---|---|
[Angular] 기본 명령어 (0) | 2018.04.23 |
[Pipe] 콤마처리 (0) | 2018.02.13 |
[Angular] 사이즈 조절 이벤트 (0) | 2018.02.13 |
[Pipe] List 나누기 (자르기), 문자열 나누기 (0) | 2018.02.13 |