パイプを使用して日付を dd/MM/yyyy としてフォーマットする 質問する

パイプを使用して日付を dd/MM/yyyy としてフォーマットする 質問する

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ビュー

ベストアンサー1

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

これで従来の方法を実行できます。

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

例:

現行版:

Example Angular 13


旧バージョン:

Example Angular 8.x.x

Example Angular 7.x

Example Angular 6.x

Example Angular 4.x

Example Angular 2.x


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

おすすめ記事