AngularJS Tutorial - Padded hour in am/pm Date Filter

The following code shows how to use 'Padded hour in am/pm' Date Filter.

Example


<!doctype html>
<html ng-app="myApp">
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script>
</head><!--   w  ww.  jav a  2  s .  c om-->
<body>
  <div ng-controller="myController">
    <div>Padded hour in am/pm: {{ today | date:'hh' }} </div>
  </div>
  <script>
    angular.module('myApp', [])
    .controller('myController', function($scope, $filter) {
      $scope.today = new Date();
    })
  </script>

</body>
</html>

The code above is rendered as follows: