angularjs에서 볼 수 있으며 현재 날짜를 표시하려고합니다 (형식화). <span>{{Date.now() | date:'yyyy-MM-dd'}}</span>
현재 날짜를 표시해야 한다고 생각했습니다 .
답변
먼저 컨트롤러에서 날짜 개체를 만들어야합니다.
제어 장치:
function Ctrl($scope)
{
$scope.date = new Date();
}
전망:
<div ng-app ng-controller="Ctrl">
{{date | date:'yyyy-MM-dd'}}
</div>
답변
날짜를 인쇄 할 때마다 날짜 범위를 현재 범위에 첨부하지 않으려는 경우 필터를 사용하여이 작업을 수행 할 수도 있습니다.
.filter('currentdate',['$filter', function($filter) {
return function() {
return $filter('date')(new Date(), 'yyyy-MM-dd');
};
}])
그리고 당신의 관점에서 :
<div ng-app="myApp">
<div>{{'' | currentdate}}</div>
</div>
답변
주형
<span date-now="MM/dd/yyyy"></span>
지령
.directive('dateNow', ['$filter', function($filter) {
return {
link: function( $scope, $element, $attrs) {
$element.text($filter('date')(new Date(), $attrs.dateNow));
}
};
}])
Date
인라인 솔루션의 경우 템플릿에서 개체에 직접 액세스 할 수 없으므로이 지침을 선택했습니다. 또한 컨트롤러를 깨끗하게 유지하고 재사용 할 수 있습니다.
답변
콧수염 표현 ( {{Date.now() | date:'dd.MM.yyyy HH:mm:ss'}}
)으로 할 수 있습니다 . 이 식을 평가하려는 범위에 Date 개체를 지정하면됩니다.
다음은 jsfiddle 예제입니다. jsfiddle
그러나 값이 자동으로 업데이트 될 것으로 기대하지 마십시오. 이 값은 앵귤러에 의해 감시되지 않으므로 (예를 들어 $ interval에 의해) 업데이트 될 때마다 다이제스트를 트리거해야합니다. 이것은 리소스 낭비입니다 (문서에서 “권장”되지 않음). 물론 지시문 / 컨트롤러와의 조합을 사용하여 하위 범위 만 엉망으로 만들 수 있습니다 (예 : 항상 rootScope보다 작고 요약이 빠릅니다).
답변
누군가가 이것을 우연히 발견 한 경우에 대비하여 내 2 센트 🙂
여기에 제안하는 것은 현재 답변과 동일한 결과를 얻지 만 여기에 언급 한 방식으로 컨트롤러를 작성하는 것이 좋습니다.
첫 번째 “참고” 로의 참조 스크롤 (죄송합니다. 앵커가 없습니다)
권장되는 방법은 다음과 같습니다.
제어 장치:
var app = angular.module('myApp', []);
app.controller( 'MyCtrl', ['$scope', function($scope) {
$scope.date = new Date();
}]);
전망:
<div ng-app="myApp">
<div ng-controller="MyCtrl">
{{date | date:'yyyy-MM-dd'}}
</div>
</div>
답변
AngularJS에서 사용 moment()
및 format()
기능 할 수 있습니다 .
제어 장치:
var app = angular.module('demoApp', []);
app.controller( 'demoCtrl', ['$scope', '$moment' function($scope , $moment) {
$scope.date = $moment().format('MM/DD/YYYY');
}]);
전망:
<div ng-app="demoApp">
<div ng-controller="demoCtrl">
{{date}}
</div>
</div>
답변
<script type="text/javascript">
var app = angular.module('sampleapp', [])
app.controller('samplecontrol', function ($scope) {
var today = new Date();
console.log($scope.cdate);
var date = today.getDate();
var month = today.getMonth();
var year = today.getFullYear();
var current_date = date+'/'+month+'/'+year;
console.log(current_date);
});
</script>