때때로 우리는 특별한 이유로 날짜를 확인해야합니다. 어떤 경우에는 원하는 형식이지만 그렇지 않은 경우도 있습니다. 그래서 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
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{오늘}
var app = angular.module ( 'firstApp', [])
app.controller ( 'firstCntrl', function ($ scope) {
$ scope.today = new Date ()
})
산출:
2019 년 9 월 10 일
더 나은 이해를 위해 다음 예제를 살펴 보겠습니다.
예:
AngularJs 날짜 Ex
src = 'http : //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
informatica 예제의 조회 변환
var app = angular.module ( 'firstApp', [])
app.controller ( 'firstctrl', function ($ scope) {
$ scope.mydate = 새 날짜 ()
})
번호 입력 :
짧은 표현이있는 날짜 : {date : 'short'}
mediumDate 표현식이있는 날짜 : {mydate}
yyyy-mm-dd hh : mm : ss 표현식이있는 날짜 : {mydate}
yyyy-mm-dd hh : mm : ss 표현식이있는 날짜 : {mydate}
산출:
이것으로 AngularJS 기사 에서이 Datefilter를 끝냅니다. Date FIlters의 다양한 측면을 이해 하셨기를 바랍니다.
씨도대체 전 세계에 250,000 명 이상의 만족 한 학습자 네트워크를 보유한 신뢰할 수있는 온라인 학습 회사 인 Edureka에서 작성했습니다. Angular는 확장 가능한 엔터프라이즈 및 성능 클라이언트 측 웹 애플리케이션을 만드는 데 사용되는 JavaScript 프레임 워크입니다. Angular 프레임 워크 채택률이 높기 때문에 애플리케이션의 성능 관리는 커뮤니티 주도로 간접적으로 더 나은 일자리 기회를 제공합니다. Angular 인증 교육은 엔터프라이즈 애플리케이션 개발과 관련된 이러한 모든 새로운 개념을 다루는 것을 목표로합니다.