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:&#39;medium&#39;}}</span><br>
 <span>{{1288323623006 | date:&#39;yyyy-MM-dd HH:mm:ss Z&#39;}}</span><br>
<span>{{&#39;1288323623006&#39; | date:&#39;MM/dd/yyyy @ h:mma&#39;}}</span><br>
<span>{{&#39;1288323623006&#39; | date:"MM/dd/yyyy &#39;at&#39; 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의 날짜 필터는 날짜를 필요한 형식으로 지정할 수 있습니다.

일반적으로 사용되는 방법: b6f4550932131e3fb738d6351cf5327b
{{현재 | 날짜 : 'yyyy-MM-dd HH:mm:ss'}}

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

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

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

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

연도 형식
4자리 연도: {{ 현재 날짜:'yyyy' }} < ;!-- 2016 -->
두 자리 연도: {{ 현재 | 날짜:'yy' }} 301ab69c48343e0c405282031c1ea155
한 자리 연도: {{ 현재 날짜:'y ' }} 0d8f355101419b86eeaa40e5ca894775

월 형식
영어 월: {{ 지금 | 날짜:'MMMM' }} bf068f929a3243cf23c8a5e745a65117
영어 월 약어: {{ now | 날짜:'MMM' }} bf068f929a3243cf23c8a5e745a65117
월 숫자: {{ 현재 |날짜:'MM' }} 2485a18c88644944777fda07f87a161f
연도: {{ 현재 |날짜:'M' }} 2485a18c88644944777fda07f87a161f

날짜 형식
숫자 날짜: {{ 현재 | 날짜:'dd' }} 9801ade335e8996c05c79bdcdb82ed99
일: {{ 현재 | 날짜:'d' }} < ;!-- 3 -->
영어 평일: {{ 지금 | 날짜:'EEEE' }} f577d060f87d11d264ad1086910a950f
영어 평일 약어: {{ 지금 | 날짜:'EEEE' }} 5a1dcec94acb676a1a290c8ed44cdfa9

시간 형식
24시간 디지털 시간: {{현재 | 날짜:'HH'}} 292f637d1ac700e7fecb86f3cb405aa8
일수 시: {{지금 | 날짜:'H'}} 292f637d1ac700e7fecb86f3cb405aa8
12시간 디지털 시간: {{지금 | 날짜:'hh'}} 27dff211e490dc5d382900c25580f623
분 형식 지정
숫자 분: {{ 지금 | 날짜:'mm' }} 806f1a49a69b95cdffc254fd53f529c1
초 형식
숫자 초 숫자: {{ 지금 | 날짜:'ss' }} 4c090db0794e8e6685acb2bef4d037f7
분당 초 수: {{ 지금 | 날짜:'s' }} fb44de015694f6256510f6d043f5e537
밀리초: {{ 지금 날짜:'.sss' }} af28386278419624fd78e3b58bed0fe5
문자 형식
업 및 오후 식별자: {{ 지금 | 날짜:'a' }} 72d59f38bdb060b8d3546a2cc6772cd3
4자리 시간대 식별자 : {{ 현재 | 날짜:'Z' }} aea2e2bc758129ccc68943f6f77c8a2c
맞춤 형식
{{ 현재 | 날짜: 'MMMd, y' }} b4f6c1cd7847e4b420c385fbe1518c82
{{ 현재 | 날짜:'EEEE, d, M' }} 4b4f863697abf1a279b3793c4d6c58ae
{{ 현재 | 날짜:'hh:mm:ss.sss' } } cd9f541f15df5d0ef8d0e67a6922b774

관련 추천:

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

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

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

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