AngleJS 시간 형식 지정 필터에 대한 자세한 설명

.date 필터의 기능은 필요한 형식에 따라 날짜를 문자열로 형식화하는 것입니다.

형식 문자열의 기본 매개변수: 이 기사는 주로 AngleJS 시간 형식 필터에 대한 자세한 설명을 공유하므로 도움이 되기를 바랍니다.

'yyyy': 4자리 숫자를 사용하여 연도를 나타냅니다(예: AD 1 => 0001, AD 2010 => 2010)

'yy': 2자리 숫자를 사용하여 연도(00-99)를 나타냅니다(예: AD 1 => 0001, AD 2010 => 2010) : AD 2001 => 01, AD 2010 => 10)

'y': 연도를 나타내려면 한 자리를 사용하세요(예: AD 1 => 1, AD 199 => 199)

'MMMM ': 영문 이름 전체는 월(January-December)을 의미

'MMM': 영문 약어는 월(Jan-Dec)을 의미

'MM': 두 자리 숫자는 월(01-12)을 의미

'M': 월( 1-12)

'dd': 요일을 나타내는 두 자리 숫자(01-31)

'd': 요일(1-31)

'EEEE': 요일(Sunday)의 전체 영어 이름 -토요일)

'EEE': 요일의 영어 약어(Sun-Sat)

'HH': 24시간 형식으로 시간을 나타내는 두 자리 숫자(00-23)

'H' : 24시간 형식의 시간(0-23)

'hh': 두 자리 숫자는 오전 또는 오후의 시간(01-12)을 나타냅니다.

'h': 오전 또는 오후의 시간(1 -12)

'mm': 분을 나타내는 두 자리(00~59)

'm': 분(0~59)

'ss': 초를 나타내는 두 자리(00~59)

's ': 초(0-59)

'sss': 밀리초(000-999)

'a': AM/PM

'Z': 4자리(+ 기호)는 시간대 오프셋(-1200— —+1200)

'ww': 두 자리로 표현 1년의 주 수(00-53), 첫 번째 주(01)는 해당 연도의 첫 번째 목요일

'w': 주 수 연도(0-53)에서 첫 번째 주(1)는 해당 연도의 첫 번째 목요일입니다

'G','GG','GGG': 'AD'(AD)와 같은 시대 문자열의 약어 )

'GGGG': 'Anno Domini'(AD)와 같은 시대 문자열의 전체 이름

위 매개변수를 각자의 뜻에 따라 자유롭게 조합하여 'yyyy-'와 같이 원하는 형식을 얻을 수 있습니다. MM-dd' 등

형식 문자열은 사용하기 편리한 미리 정의된 현지화된 형식도 제공합니다.

medium: 'MMM d,y h:mm:ss a' 예: Sep 3, 2010 12:05:08 PM

짧은: 'M/d/yy h:mm a' 예: 9/3/10 12:05 PM

fullDate: 'EEEE,MMMM d,y' 예: 2010년 9월 3일 금요일

longDate: ' MMMM d,y' 예: 2010년 9월 3일

mediumDate: 'MMM d,y' 예: 2010년 9월 3일

shortDate: 'M/d/y' 예: 9/3/10

mediumTime: ' h:mm:ss a' 예: 12:05:08 PM

shortTime: 'h:mm a' 예: 12:05 PM

형식 문자열에는 텍스트 값이 포함될 수 있습니다. 작은따옴표로 묶어야 합니다(예: "h 'in the morning'"). 작은따옴표 쌍을 출력하려면 두 개의 큰따옴표를 연속해서 사용하세요(예: "h 'o''clock'"). )

날짜 필터 사용법:

1. html에서의 사용법: {{ date_expression | date : format : timezone}}

예:

<span>{{1288323623006 | date:'medium'}}</span><br>
 <span>{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}</span><br>
<span>{{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}</span><br>
<span>{{'1288323623006' | date:"MM/dd/yyyy 'at' h:mma"}}</span><br>

출력 결과는 다음과 같습니다:

Oct 29, 2010 11:40:23 AM

2010-10-29 11:40:23 +0800

10/29/2010 @ 11:40AM

10/29/2010 at 11:40AM

2. ')(날짜, 형식, 시간대)

예:

var today = new Date();
$scope.formatDate = $filter('date')(today, 'yyyy-MM-dd');

출력 결과는

2015-01-28

2입니다.

angularJS의 날짜 필터는 날짜를 필요한 형식으로 지정할 수 있습니다.

일반적으로 사용되는 방법: <!-- 2016-12-03 10:43:51 -->
{{현재 | 날짜 : 'yyyy-MM-dd HH:mm:ss'}}

그렇지 않은 경우 지정된 형식을 사용하면 angleJS는 기본 형식인mediumDate

{{data | date}}<!-- Dec 3, 2016  -->
{{data | date : mediumDate}}<!-- Dec 3, 2016  -->

다음은 AngleJS에 내장된 날짜 형식입니다

{{ now | date:'medium' }}<!-- Dec 3, 2016 10:43:51 AM -->
{{ now | date:'short' }}<!-- 12/3/16 10:43 AM -->
{{ now | date:'fullDate' }}<!-- Saturday, December 3, 2016 -->
{{ now | date:'longDate' }}<!-- December 3, 2016 -->
{{ now | date:'mediumDate' }}<!-- Dec 3, 2016 -->
{{ now | date:'shortDate' }}<!-- 12/3/16 -->
{{ now | date:'mediumTime' }}<!-- 10:43:51 AM -->
{{ now | date:'shortTime' }}<!-- 10:43 AM -->

연도 형식
4자리 연도: {{ 현재 날짜:'yyyy' }} &lt ;!-- 2016 -->
두 자리 연도: {{ 현재 | 날짜:'yy' }} <!-- 16-->
한 자리 연도: {{ 현재 날짜:'y ' }} <!- - 2016-->

월 형식
영어 월: {{ 지금 | 날짜:'MMMM' }} <!-- 12월 -->
영어 월 약어: {{ now | 날짜:'MMM' }} <!-- 12월 -->
월 숫자: {{ 현재 |날짜:'MM' }} <!-- 12 -->
연도: {{ 현재 |날짜:'M' }} <!-- 12 -->

날짜 형식
숫자 날짜: {{ 현재 | 날짜:'dd' }} <!-- 03 -->
일: {{ 현재 | 날짜:'d' }} &lt ;!-- 3 -->
영어 평일: {{ 지금 | 날짜:'EEEE' }} <!-- 토요일 -->
영어 평일 약어: {{ 지금 | 날짜:'EEEE' }} <!- - 토요일 -->

시간 형식
24시간 디지털 시간: {{현재 | 날짜:'HH'}} <!-- 10 -->
일수 시: {{지금 | 날짜:'H'}} <!-- 10 -->
12시간 디지털 시간: {{지금 | 날짜:'hh'}} <!--10--> ;
오전 또는 오후: {{지금 | 날짜:'h'}} <!--10-->
분 형식 지정
숫자 분: {{ 지금 | 날짜:'mm' }} <!-- 43 --> ;
분: {{ 지금 | 날짜:'m' }} <!-- 43 -->
초 형식
숫자 초 숫자: {{ 지금 | 날짜:'ss' }} < -- 51 -->
분당 초 수: {{ 지금 | 날짜:'s' }} <!-- 51 - ->
밀리초: {{ 지금 날짜:'.sss' }} <!-- .535 -->
문자 형식
업 및 오후 식별자: {{ 지금 | 날짜:'a' }} <!-- AM -->
4자리 시간대 식별자 : {{ 현재 | 날짜:'Z' }} <!--- +0800 -->
맞춤 형식
{{ 현재 | 날짜: 'MMMd, y' }} <!-- 2016년 12월 3일 - ->
{{ 현재 | 날짜:'EEEE, d, M' }} <!-- 토요일, 3, 12 -->
{{ 현재 | 날짜:'hh:mm:ss.sss' } } <!-- 10:43:51.535 -->

관련 추천:

Angularjs 필터 전체 정렬 기능 예시 자세한 설명

Angular js 필터에 대한 자세한 소개

자세한 설명 동적 검색 및 정렬 기능을 구현하는 Angularjs 필터

위 내용은 AngleJS 시간 형식 지정 필터에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!