AngularJS Tutorial - Hour in am/pm Date Filter

The following code shows how to use '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><!--from w  w w . j  a v  a 2 s .c o m-->
<body>
  <div ng-controller="myController">
    <div>Hour in am/pm: {{ today | date:'h' }} </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: