Use angular filter outside the angular application

Question

I want to format dates on the client-side using angular date filter. I'd like to do that way, because I use angular in some places of my application and I'd like my dates to be formatted uniformly in the whole app.

What I'm trying to do is:

function formatDatetime(date, format) {
  var ngDateFilter = angular.getDateFilter(); //that's what I'm asking about
  return ngDateFilter(date, format);
}

I use angular applications only on several pages, but dates are spread over various pages (with and without angular app).

Sebastián Rojas · Accepted Answer · 2015-10-19 23:47:08Z

17

OK, as usual I've found an answer. I did:

angular.injector(["ng"]).get("$filter")("date");

and it's OK.

EDIT

As meze observed, I could have also used:

angular.injector(["ng"]).get("dateFilter")

An example with number filter for currency:

var filter = angular.injector(["ng"]).get("$filter")("number");

$('#Price').val(filter(price));

edited Oct 19, 2015 at 23:47

Sebastián Rojas

2,9201 gold badge30 silver badges36 bronze badges

answered Oct 2, 2013 at 10:51

mrzasa

23.4k11 gold badges60 silver badges96 bronze badges

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

2 Comments

meze Over a year ago

I think you can do angular.injector(["ng"]).get("dateFilter"); but not sure.

knation Over a year ago

Thanks! Here's a more accurate usage for currency: var filter = window.angular.injector(['ng']).get('$filter')('currency'); var formatted = filter(price,'$')

Collectives™ on Stack Overflow

Use angular filter outside the angular application

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related