>웹 프론트엔드 >JS 튜토리얼 >AngularJS 날짜 형식에 대한 자세한 설명_AngularJS

AngularJS 날짜 형식에 대한 자세한 설명_AngularJS

WBOY
WBOY원래의
2016-05-16 15:23:541641검색

AngularJS는 애플리케이션 구축 시 HTML의 단점을 극복하도록 설계되었습니다. HTML은 정적 텍스트 표시를 위해 설계된 훌륭한 선언적 언어이지만 웹 애플리케이션을 구축하는 데에는 취약합니다. 그래서 나는 브라우저가 내가 원하는 것을 할 수 있도록 몇 가지 작업(원한다면 트릭)을 수행했습니다.

AngularJS에는 두 가지 형식의 날짜 형식이 있습니다. 하나는 HTML 페이지에 있고 다른 하나는 JS 코드에 있으며 둘 다 AngularJS 필터 $filter를 사용합니다.

HTML: date_expression은 $scope에 설정한 날짜 유형 변수이며(올바른 날짜 개체여야 함) 표시할 날짜이기도 하며 첫 번째 매개변수입니다. 구분 기호 뒤의 날짜는 필터 유형이 날짜 필터링을 위한 것임을 나타냅니다. 두 번째 매개변수 형식은 yyyy-MM-dd와 같이 날짜 형식을 지정하는 방법입니다. 해외 웹사이트에 더 적합합니다.

코드 복사 코드는 다음과 같습니다.

{{ 날짜 표현 | 날짜: 형식: 시간대}}

두 가지 작성 방법: {{}} 표현식을 사용하거나 ng-bind 또는 ng-model을 사용할 수 있습니다

코드 복사 코드는 다음과 같습니다.

{{내 날짜 | 날짜:'중간'}}


Javascript 코드에서는 다음과 같이 작성됩니다.

코드 복사 코드는 다음과 같습니다.

var myJsDate=$filter('date')($scope.myDate,'yyyy-MM-dd');

이런 방식으로 선언한 변수 myJsDate는 $scope에서 형식화된 myDate 값을 가져올 수 있습니다.

위 내용은 편집자가 공유한 AngularJS 날짜 형식에 대한 자세한 설명의 전체 설명입니다.

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