Question

您好，我正在尝试使用angular 4在我的应用程序中编辑日期，但是没有用

我在控制台中收到此警告使用此字段指定的值“ 1557317153000”不符合要求的格式“ yyyy-MM-dd”

Answer 1

您所拥有的是Unix时间戳，如注释中所述。您可以使用angular的datepipe yyyy-MM-dd对其进行转换，它将在大多数（如果不是全部）Angular（2+及更高版本）版本中都可以使用。

this.datePipe.transform(1557317153000, 'yyyy-MM-dd');

要使用它，您需要将其导入到component.ts中，

import { DatePipe } from '@angular/common';

以及将其包括在模块的提供程序中。

providers: [DatePipe]

在here上查看演示。

Answer 2

您可以使用角度内置日期管道在TypeScript文件或HTML文件中更改格式。

1。打字稿：

import { DatePipe } from '@angular/common'; 
constructor(private datePipe: DatePipe) {
    console.log(this.datePipe.transform(1557317153000, 'yyyy-MM-dd'));
}

2。 HTML：

<div>{{dateValue | date:'short'}}</div>

可以获取有关here的有关日期日期管道的详细信息

有什么解决方案可以在angular4中编辑日期？

2 个答案: