목차
angularJS의 날짜 필터는 날짜를 필요한 형식으로 지정할 수 있습니다.
일반적으로 사용되는 방법: <!-- 2016-12-03 10:43:51 -->
{{현재 | 날짜 : 'yyyy-MM-dd HH:mm:ss'}}
웹 프론트엔드 JS 튜토리얼 AngleJS 시간 형식 지정 필터에 대한 자세한 설명

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

Mar 07, 2018 pm 03:39 PM
angularjs javascript 필터

.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}}

예:

&lt;span&gt;{{1288323623006 | date:&#39;medium&#39;}}&lt;/span&gt;&lt;br&gt;
 &lt;span&gt;{{1288323623006 | date:&#39;yyyy-MM-dd HH:mm:ss Z&#39;}}&lt;/span&gt;&lt;br&gt;
&lt;span&gt;{{&#39;1288323623006&#39; | date:&#39;MM/dd/yyyy @ h:mma&#39;}}&lt;/span&gt;&lt;br&gt;
&lt;span&gt;{{&#39;1288323623006&#39; | date:&quot;MM/dd/yyyy &#39;at&#39; h:mma&quot;}}&lt;/span&gt;&lt;br&gt;
로그인 후 복사

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

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}}&lt;!-- Dec 3, 2016  --&gt;
{{data | date : mediumDate}}&lt;!-- Dec 3, 2016  --&gt;
로그인 후 복사

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

{{ now | date:&#39;medium&#39; }}&lt;!-- Dec 3, 2016 10:43:51 AM --&gt;
{{ now | date:&#39;short&#39; }}&lt;!-- 12/3/16 10:43 AM --&gt;
{{ now | date:&#39;fullDate&#39; }}&lt;!-- Saturday, December 3, 2016 --&gt;
{{ now | date:&#39;longDate&#39; }}&lt;!-- December 3, 2016 --&gt;
{{ now | date:&#39;mediumDate&#39; }}&lt;!-- Dec 3, 2016 --&gt;
{{ now | date:&#39;shortDate&#39; }}&lt;!-- 12/3/16 --&gt;
{{ now | date:&#39;mediumTime&#39; }}&lt;!-- 10:43:51 AM --&gt;
{{ now | date:&#39;shortTime&#39; }}&lt;!-- 10:43 AM --&gt;
로그인 후 복사

연도 형식
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 Dec 17, 2023 pm 02:54 PM

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 Dec 17, 2023 pm 05:30 PM

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 Dec 17, 2023 am 09:39 AM

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 Dec 17, 2023 pm 12:09 PM

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법

간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 Jan 05, 2024 pm 06:08 PM

간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법

JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 Dec 17, 2023 pm 05:13 PM

JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축

자바스크립트에서 insertBefore를 사용하는 방법 자바스크립트에서 insertBefore를 사용하는 방법 Nov 24, 2023 am 11:56 AM

자바스크립트에서 insertBefore를 사용하는 방법

JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법 JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법 Jan 05, 2024 pm 01:37 PM

JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법

See all articles