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>