我正在使用日期管道来格式化我的日期，但如果没有解决方案，我就无法得到我想要的确切格式。我理解管道是错误的还是不可能的?
//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)
您可以使用一个简单的自定义管道来实现这一点。
import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';
@Pipe({
name: 'dateFormatPipe',
})
export class dateFormatPipe implements PipeTransform {
transform(value: string) {
var datePipe = new DatePipe("en-US");
value = datePipe.transform(value, 'dd/MM/yyyy');
return value;
}
}
模板:
{{currentDate | dateFormatPipe }}
使用自定义管道的好处是，如果你想在将来更新日期格式，你可以去更新你的自定义管道，它会反映每个地方。
自定义管道示例
更新:
鉴于Moment.js已弃用，这个答案不再有效。目前，当我必须格式化一些日期，根据任务，我使用Javascript date或date-fns是一个很好的替代Moment.js日期计算(添加或删除日期，等等…)
不要用这个:
import { Pipe, PipeTransform } from '@angular/core'
import * as moment from 'moment'
@Pipe({
name: 'formatDate'
})
export class DatePipe implements PipeTransform {
transform(date: any, args?: any): any {
let d = new Date(date)
return moment(d).format('DD/MM/YYYY')
}
}
在视图中:
{{date | formatDate}}
