Set an AngularJS date filter format to be used by all references to the date filter?

Question

Rather that having to define a custom format for each call to the date filter, is there a way to globally define a default format (other than \'medium\'

Answer 1

In case you are working with .aspx pages and have the date format stored in a configuration file...

1. From the .aspx that injects your Angular page, set a global variable with the web.config date format

   var _settingsDateFormat = '<%=appSettings.DateFormat%>';

2. Set a global filter to be used through your app

yourModule.filter('myDateFormat', function ($filter) {
        return function (input) {
            if (input == null) { return ""; }
            var formattedDate = $filter('date')(new Date(input), _settingsDateFormat);
            return formattedDate;
        };
});

3. Just add the custom filter to your dates

       Effective {{row.StartDate|myDateFormat}} - {{row.StopDate|myDateFormat}}