AngularJS 날짜 필터

정의와 사용법

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

날짜는 날짜 객체, 밀리초 수 또는 날짜 시간 문자열(예: "2016-01-05T09:05:05.035Z")일 수 있습니다.

기본적으로, 형식은 "MMM d, y"(Jan 5, 2016)입니다.

관련 페이지

AngularJS 교육:Angular 필터

예시

예제 1

숫자를 날짜 형식으로 표시하십시오:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date }}</p>
</div>

직접 시험해 보세요

예제 2

사용자 정의 형식으로 날짜를 표시하십시오:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date : "dd.MM.y" }}</p>
</div>

직접 시험해 보세요

예제 3

предопределенные форматы로 날짜를 표시하십시오:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date : "fullDate" }}</p>
</div>

직접 시험해 보세요

예제 4

텍스트와 предопределенные форматы의 날짜 조합을 표시하십시오:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date : "'오늘은 ' MMMM d, y" }}</p>
</div>

직접 시험해 보세요

예제 5

날짜를 날짜 시간 문자열로 설정하십시오:

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

직접 시험해 보세요

문법

{{ date | date : format : 동일 (9:05:05 오전) }}

파라미터

파라미터 설명
format

선택 사항. 날짜 표시에 사용되는 날짜 형식이며 다음 중 하나 또는 여러 가지일 수 있습니다:

  • "yyyy" 년 (2016)
  • "yy" 년 (16)
  • "y" 년 (2016)
  • "MMMM" 월 (January)
  • "MMM" 월 (Jan)
  • "MM" 월 (01)
  • "M" 월 (1)
  • "dd" 날짜 (06)
  • "d" 날짜 (6)
  • "EEEE" 요일 (Tuesday)
  • "EEE" 요일 (Tue)
  • "HH" 시간, 00-23 (09)
  • "H" 시간 0-23 (9)
  • "hh" AM/PM의 시간, 00-12 (09)
  • "h" AM/PM의 시간, 0-12 (9)
  • "mm" 분 (05)
  • "m" 분 (5)
  • "ss" 초 (05)
  • "s" 초 (5)
  • "sss" 밀리초 (035)
  • "a" (AM/PM)
  • "Z" 시간대 (-1200에서 +1200)
  • "ww" 주 (00-53)
  • "w" 주 (0-53)
  • "G" 기원전 (AD)
  • "GG" 기원전 (AD)
  • "GGG" 기원전 (AD)
  • "GGGG" 기원전 (Anno Domini)

형식 값은 다음과 같은 предопределенные форматы 중 하나일 수 있습니다:

  • "단순" "mediumTime" "M/d/yy h:mm a" 相同 (1/5/16 9:05 오전)
  • "medium" "mediumTime" "medium" "MMM d, y h:mm:ss a"
  • 동일 (Jan 5, 2016 9:05:05 오전) "mediumTime" "shortDate" "M/d/yy"
  • 동일 (1/5/16) "mediumTime" "mediumDate" "MMM d, y"
  • 동일 (Jan 5, 2016) "mediumTime" "longDate" "MMMM d, y"
  • 동일 (January 5, 2016) "mediumTime" "fullDate" "EEEE, MMMM d, y"
  • 동일 (Tuesday, January 5, 2016) "mediumTime" "shortTime" "h:mm a"
  • 동일 (9:05 오전) "mediumTime" "h:mm:ss a"
동일 (9:05:05 오전) timezone