개발/angular

[Pipe] 날짜 타입 변경

지승준 2018. 2. 13. 15:17

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