Javascript 在Angular 2应用程序中转换双向绑定属性中的日期

我的Angular 2应用程序中显示了一个日期，该日期以不需要的格式打印，如下所示：

2012-04-02T00:00:00.000Z

我想做的是使用Angular的日期管道来转换这些数据，以便以更人性化的格式打印。在使用双向绑定的输入上，有没有一种方法可以使用日期管道？换句话说，我可以在代码中使用日期管道吗

<input class="app-input" [(ngModel)]="staff.profile.hireDate" placeholder="None"/>

我尝试过各种尝试，但到目前为止都无法让它起作用。因此，我想知道这是否可能

---

如果不是的话，我可以通过普通JS处理这个问题的另一种方法是什么？我愿意接受任何有效且最容易实现的可能性。

您可以在组件中实现这一点

import { DatePipe } from '@angular/common';

然后将其添加到组件或您的模块中的

提供程序
数组中

在组件中，您可以将其注入构造函数：

constructor(private myDatePipe: DatePipe) {}

并修改变量属性：

this.staff.profile.hireDate = 
    this.myDatePipe.transform(new Date(this.staff.profile.hireDate));

如果要指定输出，请使用
'short'
选项：

this.staff.profile.hireDate = 
    this.myDatePipe.transform(new Date(this.staff.profile.hireDate), 'short');

这正是我要找的东西。非常感谢，@AJT_82！太好了，很高兴听到！：）：）