如何使用构造函数将 Asp.Net Core DateTime 转换为 Angular Date？

Question

我正在使用带有 Asp.Net Core 的 Angular 8。我目前遇到的问题是我无法使用 [(ngModel)] 和日期管道在模态中显示日期。

我想做的是在构造函数中将 Asp.Net Core DateTime 转换为 Angular Date 格式。

这是我的代码。 Created、StartDate 和 EndDate 都是 Date。

export class Content {
    Id: string;
    CompanyId: string;
    Created: Date; 
    Name: string;
    Url: string;
    Instructions: string;
    Tags: string; 
    StartDate: Date; 
    EndDate: Date;
    Deleted: Boolean;
    Pause: Boolean;
    Published: Boolean;

    constructor(contentResponse: any) {
        this.Id = contentResponse.id;
        this.CompanyId = contentResponse.companyId;
        this.Created = contentResponse.Created;
        this.Name = contentResponse.name;
        this.Url = contentResponse.url;
        this.Instructions = contentResponse.instructions;
        this.Tags = contentResponse.tags;
        this.StartDate = contentResponse.startDate;
        this.EndDate = contentResponse.endDate;
        this.Deleted = contentResponse.deleted;
        this.Pause = contentResponse.pause;
        this.Published = contentResponse.published;
    }

 }

从 console.log 中，我可以看到以下日期格式。

来自 API 的 JSON

创建：“2019-08-03T21:26:51.7981863”

结束日期：“2020-12-31T00:00:00”

开始日期：“2019-07-15T00:00:00”

使用当前构造函数转换后

已创建：未定义

结束日期：“2020-12-31T00:00:00”

开始日期：“2019-07-15T00:00:00”

有谁知道如何在构造函数中转换 this 以便 Angular 可以显示这些信息并使用它？

非常感谢任何帮助。谢谢！

Answer 1

在您的 Angular 应用程序中尝试 Moment JS。我将它与许多带有 asp.net 和 asp.net 核心后端的 Angular 项目一起使用，完全没有问题。如果您想使用“本机”角度日期管道，您可以找到的唯一问题是本地化数据。但是您也可以将 moment 用于此类事情。

希望对你有所帮助。