최신 웹 개발 튜토리얼
 

AngularJS날짜 필터


통화 형식으로 숫자를 표시합니다 :

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date }}</p>

</div>
»그것을 자신을 시도

정의 및 사용

date 필터는 지정된 형식으로 날짜를 포맷합니다.

날짜는 날짜 개체, 밀리 초, 또는 같은 날짜 문자열이 될 수 있습니다 ": 05 : 2016-01-05T09 05.035Z"

기본적으로 형식은 (2016년 1월 5일) "MMM d를, Y"입니다.


통사론

{{ date | date : format : timezone }}

매개 변수 값

Value Description
format Optional. The date format to display the date in, which can be one or more of the following:
"yyyy" year (2016)
"yy" year (16)
"y" year (2016)
"MMMM" month (January)
"MMM" month (Jan)
"MM" month (01)
"M" month (1)
"dd" day (06)
"d" day (6)
"EEEE" day (Tuesday)
"EEE" day (Tue)
"HH" hour, 00-23 (09)
"H" hour 0-23 (9)
"hh" hour in AM/PM, 00-12 (09)
"h" hour in AM/PM, 0-12 (9)
"mm" minute (05)
"m" minute (5)
"ss" second (05)
"s" second (5)
"sss" millisecond (035)
"a" (AM/PM)
"Z" timezone (from -1200 to +1200)
"ww" week (00-53)
"w" week (0-53)
"G" era (AD)
"GG" era (AD)
"GGG" era (AD)
"GGGG" era (Anno Domini)

The format value can also be one of the following predefined formats:
"short" same as "M/d/yy h:mm a" (1/5/16 9:05 AM)
"medium" same as "MMM d, y h:mm:ss a" (Jan 5, 2016 9:05:05 AM)
"shortDate" same as "M/d/yy" (1/5/16)
"mediumDate" same as "MMM d, y" (Jan 5, 2016)
"longDate" same as "MMMM d, y" (January 5, 2016)
"fullDate" same as "EEEE, MMMM d, y" (Tuesday, January 5, 2016)
"shortTime" same as "h:mm a" (9:05 AM)
"mediumTime" same as "h:mm:ss a" (9:05:05 AM)
timezone Optional. The timezone used to format the date.

더 예

사용자 정의 형식으로 날짜를 표시합니다 :

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date :  "dd.MM.y" }}</p>

</div>
»그것을 자신을 시도

미리 정의 된 포맷을 사용하여 날짜를 표시 :

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date : "fullDate" }}</p>

</div>
»그것을 자신을 시도

텍스트와 미리 정의 된 형식의 날짜 조합을 표시합니다

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date : "fullDate" }}</p>

</div>
»그것을 자신을 시도

날짜 시간 문자열로 날짜 :

<div ng-app="">

<p>Date = {{ "2016-01-05T09:05:05.035Z" | date }}</p>

</div>
»그것을 자신을 시도

관련 페이지

AngularJS와 자습서 : 각도 필터