Как использовать фильтр даты AngularJS со строкой, в которой есть дата

Question

У меня есть следующие файлы.

index.js

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

index.html

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

Дата не форматируется здесьи просто выплевывает строку.

Есть ли какой-нибудь способ, которым я могу сделать эту работу OR мне нужно просто иметь 2 отдельные переменные, чтобы одна переменная могла содержать текст, а другая могла содержать дату?

Answer 1

Вы можете создать собственный фильтр,

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

И использовать его в своем HTML

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