日期格式更改角度2

Question

我需要更改我的日期格式,问题是我不能使用moment.js,我只需要将日期从yyyy-mm-dd转换为dd-mm-yyyy.我使用角度v 2.4.0.

Answer 1

用DatePipe 管子

date_expression | date[:format]

在你的情况下

{{ date_expression | date:'dd-MM-yy' }}

如何在组件内部使用管道:

NgModule({
  ....
  providers: [DatePipe]
})

要么

@Component({
   ....
  providers: [DatePipe]
})

在您组件中将其设置为date变量

constructor(private datePipe: DatePipe) {
}

ngOnInit() {
    this.date = this.datePipe.transform(new Date(), 'dd-MM-yy');
}

Answer 2

您可以创建自定义管道来完成此操作。参考下面的代码。有关更多信息，请参阅DatePipe 文档。

import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';

@Pipe({
    name: 'customDateFormat',
})
export class customDateFormatPipe implements PipeTransform {
    transform(value: string) {
       var datePipe = new DatePipe("en-US");
        value = datePipe.transform(value, 'dd-mm-yyyy');
        return value;
    }
}

在html中添加自定义管道，如下所示：

{{currentDate | customDateFormat }}