예제를 사용하여 AngularJS에서 DateFilter를 구현하는 방법



이 기사는 AngularJS에서 DateFilter를 구현하는 다양한 방법에 대한 포괄적 인 지식을 제공합니다.

때때로 우리는 특별한 이유로 날짜를 확인해야합니다. 어떤 경우에는 원하는 형식이지만 그렇지 않은 경우도 있습니다. 그래서 tis 기사에서 우리는 DateFilter를 다음 순서로 :

AngularJS의 DateFilter는 무엇입니까?

AngularJS 날짜 필터를 사용하여 날짜를 지정된 형식으로 변환 할 수 있습니다. 사양이없는 경우 기본 날짜 형식은 'MMM d, yyyy'입니다.





통사론:

{ 데이트 }



시간대 및 형식 매개 변수는 선택 사항입니다.

형식에 사용되는 일반적인 값

  • ‘YYYY’ – 예를 정의하십시오. 2018 년



  • 'YY' – 예를 정의하십시오. 18

  • '와이' – 예를 정의하십시오. 2018 년

  • 'MMM' – 예 월을 정의합니다. 행진

  • ‘MMM’ – 예 월을 정의합니다. 망치다

  • ‘MM’ – 예 월을 정의합니다. 03

  • ‘DD’ – 전날 정의. 08

  • '디' – 전날 정의. 8

  • ‘hh’ – AM / PM으로 시간 정의

  • ‘h’ – AM / PM으로 시간 정의

  • ‘mm’ – 분 정의

  • '미디엄' – 분 정의

  • ‘ss’ – 두 번째 정의

  • '에스' – 두 번째 정의

형식에 사용되는 미리 정의 된 값

  • '짧은' – 'M / d / yy h : mm a'와 동일

  • '매질' – 'MMM d, y h : mm : ss a'와 동일

  • 'ShortDate' – 'M / d / yy'에 해당 (6/8/18)

  • 'mediumDate' – 'MMM d, y'에 해당 (2018 년 4 월 7 일)

  • 'LongDate' – 'MMMM d, y'에 해당 (2019 년 4 월 7 일)

  • 'fullDate' – 'EEEE, MMMM d, y'에 해당 (2018 년 4 월 7 일 토요일)

  • '짧은 시간' – 'h : mm a'(오전 4:20)와 동일

  • 'mediumTime' – 'h : mm : ss a'와 동일 (오전 4:20:05)

예:

날짜 필터

{오늘}

var app = angular.module ( 'firstApp', [])

app.controller ( 'firstCntrl', function ($ scope) {

$ scope.today = new Date ()

})

산출:

10.09.2019

예:

특정 형식으로 시간을 표시하기 위해 다음 코드를 사용합니다.

날짜 필터 Ex

예제와 함께 자바의 애플릿은 무엇입니까

{날짜 : 'mediumTime'}

var app = angular.module ( 'firstApp', [])

app.controller ( 'firstCntrl', function ($ scope) {

$ scope.today = new Date ()

})

산출:

오전 11:08:11

예:

특정 형식으로 날짜를 표시하기 위해 다음 코드를 사용합니다.

날짜 필터 Ex

판권 소유 | ichlese.at | 개인 정보 정책