<!DOCTYPE html>
<html ng-app="moment">

  <head>
    <script data-require="angular.js@1.2.1" data-semver="1.2.1" src="http://code.angularjs.org/1.2.1/angular.js"></script>
    <script data-require="moment.js@2.1.0" data-semver="2.1.0" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.1.0/moment.min.js"></script>
    <script>
      angular.module("moment", [])
      .controller("MomentCtrl", function($scope, $interval) {
        $scope.obj = { date: null, status: 'ok' };
        $scope.$watch('obj | json', function() {});
        $interval(function() {
          $scope.obj.date = moment(new Date());
        }, 1000);
      });
    </script>
  </head>

  <body ng-controller="MomentCtrl">
    <h1>Hello Plunker!</h1>
    <p>Calendar: {{ obj.date.format('hh:mm:ss') }}</p>
  </body>
</html>
// Code goes here

/* Styles go here */