如何对包含日期的字符串使用 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'}}

如何对包含日期的字符串使用 AngularJS 日期过滤器

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

angularjs

date

angular-date-format