如何使用管道在Angular 2中将日期格式设置为dd/MM/yyyy?

前端之家收集整理的这篇文章主要介绍了如何使用管道在Angular 2中将日期格式设置为dd/MM/yyyy?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用日期管道格式化我的日期,但我只是不能得到我想要的没有解决方法的确切格式。我理解管道错误或只是不可能?
//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

管道日期格式错误修复在Angular 2.0.0-rc.2, this Pull Request

现在我们可以做传统的方式:

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

Plunker!

07002

猜你在找的Angularjs相关文章