[javascript] Angularjs-현재 날짜 표시

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>

JSFiddle 예제

각도 날짜 필터 참조


답변

날짜를 인쇄 할 때마다 날짜 범위를 현재 범위에 첨부하지 않으려는 경우 필터를 사용하여이 작업을 수행 할 수도 있습니다.

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