日期格式更改 angular 2

Question

我需要更改日期格式，问题是我无法使用 moment.js，我只需要将日期从 yyyy-mm-dd 转换为 dd-mm-yyyy。我使用 angular v 2.4.0.

Answer 1

使用DatePipepipe

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

你可以做的是像这样创建一个函数

function formatDate() {
    let addZeroToLoneFigure = (n) => n.toString().length === 1 ? '0' + n : n.toString();
    let format = 'DD-MM-YYYY';
    let d= new Date();
    format.replace('DD', addZeroToLoneFigure(d.getDate()));
    format.replace('MM', addZeroToLoneFigure(d.getMonth() + 1));
    format.replace('YYYY', addZeroToLoneFigure(d.getFullYear()));
    return format;
}

Answer 3

您可以创建自定义管道。参考下面的代码。有关详细信息，请参阅 DatePipe Documentation.

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

日期格式更改 angular 2

Date format change angular 2

date

date-formatting

angular