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

发布时间：2020-12-17 08:50:38 所属栏目：安全来源：网络整理

导读：我使用日期管道格式化我的日期，但我只是不能得到我想要的没有解决方法的确切格式。我理解管道错误或只是不可能？ //our root app componentimport {Component} from 'angular2/core'@Component({ selector: 'my-app',providers: [],template: ` div h2Hello

我使用日期管道格式化我的日期，但我只是不能得到我想要的没有解决方法的确切格式。我理解管道错误或只是不可能？

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!