質問

を使用しています。 date パイプを使用して日付をフォーマットしていますが、回避策を講じないと正確なフォーマットが得られません。私はパイプを間違って理解しているのでしょうか、それとも単に不可能なのでしょうか？

//our root app component
import {Component} from 'angular2/core'

@Component({
  selector: 'my-app',
  providers: [],
  template: `
    <div>
      <h2>Hello {{name}}</h2>
      <h3>{{date | date: 'ddMMyyyy'}}, should be 
      {{date | date: 'dd'}}/{{date | date:'MM'}}/{{date | date: 'yyyy'}}</h3>

    </div>
  `,
  directives: []
})
export class App {
  constructor() {
    this.name = 'Angular2'
    this.date = new Date();
  }
}

Plnkr ビュー

解決方法は？

Angular 2.0.0-rc.2 でパイプの日付フォーマットのバグが修正されました。 このプルリクエスト .

あとは、従来の方法です。

{{valueDate | date: 'dd/MM/yyyy'}}

例

現在のバージョンです。

Angular 8.x.xの例

旧バージョンです。

Angular 7.xの例

Angular 6.xの例

Angular 4.xの例

Angular 2.xの例

詳細はドキュメントをご覧ください。 DatePipe