Centralize date format in AngularJS

Question

Access the shared date format :

{{ dateValue | date:{{dateFormat}} }}

The service :

app.service('formatting', function() {
      var format = new Object();

      format.dateFormat = 'medium'

      var getDateFormat = function(){
          return format.dateFormat;
      };

      return {
        getDateFormat : getDateFormat
      };

    });

But I don't think access the date format in this way is legal ?

How to centralize the the date format so can be used from multiple view pages ?

Update :

Here is fiddle I'm trying :

http://jsfiddle.net/DG24c/99/

fiddle src :

html : 
<div ng-app="myApp">
  <div ng-controller="farmController">
      <div>{{ cTime | dateFormat }}
    </div>
  </div>
</div>


javascript : 

var myApp = angular.module('myApp', []);

myApp.controller("farmController",function($scope){
    $scope.cTime = 1439396762286;   
})

myApp.service('formatting', function() {

      var getDateFormat = function(){
          return 'medium'
      };

      return {
        getDateFormat : getDateFormat
      };

    });


myApp.filter('dateFormat', function($filter, formatting) {

       return function(date) {
         return $filter['date'](date, formatting.getDateFormat())
       }

    })

Community · Accepted Answer · 2017-05-23 12:14:37Z

3

Create new filter myDateFormat that will use your service and dateFilter. (Check AngularJS - convert dates in controller for example of how to use date filter in controller or filter or service etc)

You will use it as

 {{ dateValue | myDateFormat }}

And example filter would be:

app.filter('myDateFormat', function($filter, formatting) {

   return function(date) {
     return $filter('date')(date, formatting.getDateFormat())
   }

})

JSFIDDLE: http://jsfiddle.net/pwhnaxd7/

edited May 23, 2017 at 12:14

CommunityBot

11 silver badge

answered Aug 12, 2015 at 15:40

vittore

17.6k6 gold badges46 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

vittore Over a year ago

@blue-sky it was a typo , $filter('date') not []

Collectives™ on Stack Overflow

Centralize date format in AngularJS

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related