angular-momentjs

Moment.js with Angular.js

How do I add this to my project?

You can download angular-momentjs by:

(preferred) Using bower and running bower install angular-momentjs --save
Using npm and running npm install angular-momentjs --save
Downloading it manually by clicking here to download development unminified version

Example usage

<body ng-app="YOUR_APP" ng-controller="MainCtrl">
 {{ time }}
  or
 {{ anotherTime }}
</body>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
<script src="app/bower_components/angular-momentjs/angular-momentjs.js"></script>
<script>
  angular.module('YOUR_APP', [
    'angular-momentjs',
    'controllers'
  ]) // you're able to set Default settings
  .config(function($momentProvider){
    $momentProvider
      .asyncLoading(false)
      .scriptUrl('//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js');
  });
 
  angular.module('controllers', [])
    .controller('MainCtrl', function($scope, $moment) {
      // If didn't set asyncLoading angular-momentjs 
      // will assume you provided moment.js 
      $scope.time = $moment("20111031", "YYYYMMDD").fromNow();
 
      // If you set asyncLoading to true then angular-momentjs 
      // will inject the script and return a promise 
      $moment.then(function(moment) {
        $scope.anotherTime = moment("20111031", "YYYYMMDD").fromNow();
      })
    });
</script>

angular-momentjs

angular-momentjs

How do I add this to my project?

Example usage

Unleash awesomeness

Collaborators list

Stats

Try it out

Keywords

Dependencies (2)

Dependents (2)