How to use AngularJS date filter with a string that has a date

Question

I have the following files.

index.js

...
completedTooltip = 'Completed on 2019-02-02T23:59:59-07:00';
...

index.html

...
{{completedTooltip | date : 'MM/dd/yyyy'}}
...

The date doesn't get formatted here and just spits out the string.

Is there any way I can make this work OR do I have to just have 2 separate vars so that one var can hold the text and the other can hold the date?

Bilal Siddiqui · Accepted Answer · 2019-10-30 18:44:59Z

2

You can create custom filter,

app.filter("anyName", function($filter) {
  return function(input, format) {
    var txtArr = input.split(' ');
    txtArr[2] = $filter('date')(txtArr[2], format);
    return txtArr.join(' ');
  };
});

And use that in your HTML

{{completedTooltip | anyName : 'MM/dd/yyyy'}}

answered Oct 30, 2019 at 18:44

Bilal Siddiqui

3,6491 gold badge16 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

How to use AngularJS date filter with a string that has a date

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related