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

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

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

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

{{ date_expression | date : format : timezone}}

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

{{myDate | date:'medium'}}
<h1 ng-bind="myDate | date:&#39;yyyy-MM-dd&#39;"></h1>

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

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

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

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

AngularJS 날짜 형식 관련 기사를 더 보려면 PHP 중국어 웹사이트를 주목하세요!