像往常一样，在Angular中，你可以依赖依赖注入:

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

class MyService {

  constructor(private datePipe: DatePipe) {}

  transformDate(date) {
    return this.datePipe.transform(date, 'yyyy-MM-dd');
  }
}

将DatePipe添加到模块中的提供者列表中;如果你忘记这样做，你会得到一个错误没有提供DatePipe:

providers: [DatePipe,...]

更新Angular 6: Angular 6现在几乎公开提供了管道使用的所有格式化函数。例如，现在可以直接使用formatDate函数。

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

class MyService {

  constructor(@Inject(LOCALE_ID) private locale: string) {}

  transformDate(date) {
    return formatDate(date, 'yyyy-MM-dd', this.locale);
  }
}

在Angular 5之前:需要注意的是，DatePipe在版本5之前都依赖于Intl API，这不是所有浏览器都支持的(查看兼容性表)。

如果你使用的是较旧的Angular版本，你应该将Intl polyfill添加到你的项目中以避免任何问题。 请参阅相关问题以获得更详细的答案。

如果您不想使用新的mpipe()，因为您正在向管道注入依赖项，您可以注入像provider这样的组件并使用而不使用new。

例子:

import { Component, OnInit } from '@angular/core';
import { myPipe} from './pipes';

@Component({
  selector: 'my-component',
  template: '{{ data }}',
  providers: [ myPipe ]
})
export class MyComponent() implements OnInit {
  data = 'some data';

  constructor(private myPipe: myPipe) {}

  ngOnInit() {
    this.data = this.myPipe.transform(this.data);
  }
}

如果想在组件中使用自定义管道，可以添加

@Injectable({
  providedIn: 'root'
})

注释到自定义管道。 然后，您可以将其作为一项服务使用

您可以使用formatDate()来格式化服务或组件中的日期。 语法:

    formatDate(value: string | number | Date, format: string, locale: string, timezone?: string): string

从普通模块导入formatDate()，如下所示:

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

在课堂上像这样使用它，

    formatDate(new Date(), 'MMMM dd yyyy', 'en');

你也可以使用angular提供的预定义格式选项，如下所示:

    formatDate(new Date(), 'shortDate', 'en');

你可以在这里看到所有其他预定义的格式选项，

https://angular.io/api/common/DatePipe

是的，通过使用简单的自定义管道就可以实现。使用自定义管道的优点是，如果将来需要更新日期格式，我们可以去更新单个文件。

import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';

@Pipe({
    name: 'dateFormatPipe',
})
export class dateFormatPipe implements PipeTransform {
  transform(value: string) {
    const datePipe = new DatePipe("en-US");
    value = datePipe.transform(value, 'MMM-dd-yyyy');

    return value;
  }
}

{{currentDate | dateFormatPipe }}

你可以在任何地方使用这个管道，组件，服务等等。

例如:

import { Component } from '@angular/core';
import {dateFormatPipe} from './pipes'

export class AppComponent {
  currentDate : any;
  newDate : any;

  constructor() {
    this.currentDate = new Date().getTime();
    let dateFormatPipeFilter = new dateFormatPipe();
    this.newDate = dateFormatPipeFilter.transform(this.currentDate);

    console.log(this.newDate);
}

像往常一样，在Angular中，你可以依赖依赖注入:

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

class MyService {

  constructor(private datePipe: DatePipe) {}

  transformDate(date) {
    return this.datePipe.transform(date, 'yyyy-MM-dd');
  }
}

将DatePipe添加到模块中的提供者列表中;如果你忘记这样做，你会得到一个错误没有提供DatePipe:

providers: [DatePipe,...]

更新Angular 6: Angular 6现在几乎公开提供了管道使用的所有格式化函数。例如，现在可以直接使用formatDate函数。

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

class MyService {

  constructor(@Inject(LOCALE_ID) private locale: string) {}

  transformDate(date) {
    return formatDate(date, 'yyyy-MM-dd', this.locale);
  }
}

在Angular 5之前:需要注意的是，DatePipe在版本5之前都依赖于Intl API，这不是所有浏览器都支持的(查看兼容性表)。

如果你使用的是较旧的Angular版本，你应该将Intl polyfill添加到你的项目中以避免任何问题。 请参阅相关问题以获得更详细的答案。