date - 使用管道将日期格式化为 dd/MM/yyyy

Question

我正在使用 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 view

Answer 1

Angular 2.0.0-rc.2 中修复的管道日期格式错误，this Pull Request .

现在我们可以按照常规方式进行:

{{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

---

More info in documentation DatePipe