AngleJS 시간 형식 지정 필터에 대한 자세한 설명-JS 튜토리얼-php.cn

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

小云云

풀어 주다： 2018-03-07 15:39:25

원래의

1793명이 탐색했습니다.

.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의 날짜 필터는 날짜를 필요한 형식으로 지정할 수 있습니다.

일반적으로 사용되는 방법:
{{현재 | 날짜 : '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' }}
한 자리 연도: {{ 현재 날짜:'y ' }}

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

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

시간 형식
24시간 디지털 시간: {{현재 | 날짜:'HH'}}
일수 시: {{지금 | 날짜:'H'}}
12시간 디지털 시간: {{지금 | 날짜:'hh'}}
분 형식 지정
숫자 분: {{ 지금 | 날짜:'mm' }}
초 형식
숫자 초 숫자: {{ 지금 | 날짜:'ss' }} < -- 51 -->
분당 초 수: {{ 지금 | 날짜:'s' }}
문자 형식
업 및 오후 식별자: {{ 지금 | 날짜:'a' }}
4자리 시간대 식별자 : {{ 현재 | 날짜:'Z' }}
맞춤 형식
{{ 현재 | 날짜: 'MMMd, y' }}
{{ 현재 | 날짜:'hh:mm:ss.sss' } }