如何将此 HTML 侧日期管道实现为 TypeScript 代码,以便将 TimeStamp 转换为格式化日期?
How can I implement this HTML side date pipe as TypeScript code in order to convert a TimeStamp into a formatted Date?
到 Angular 应用程序中 我正在转换一个包含时间戳格式日期值的变量,如下所示:
patientBirthDate:
t {seconds: 450568800, nanoseconds: 0}
nanoseconds: 0
seconds: 450568800
__proto__:
从一个组件的HTML变成一个日期,这样:
<span class="image-text">{{patient.birthDate.toMillis() | date:'dd/MM/yyyy'}}</span>
而且效果很好。现在我必须从 TypeScript 代码实现完全相同的行为(从相同的字段开始)。我正在尝试做:
console.log("patientBirthDate: ", patient.birthDate.toMillis());
但是我该怎么做才能将其转换为格式化日期?
您可以将 DatePipe
注入组件的构造函数并使用 this.datePipe.transform(date, '<format>');
class Component {
constructor(private datePipe: DatePipe) {}
formatPatientBirthDate(patient: Patient): string {
return this.datePipe.transform(patient.birthDate.toMillis(), 'dd/MM/yyyy');
}
}
到 Angular 应用程序中 我正在转换一个包含时间戳格式日期值的变量,如下所示:
patientBirthDate:
t {seconds: 450568800, nanoseconds: 0}
nanoseconds: 0
seconds: 450568800
__proto__:
从一个组件的HTML变成一个日期,这样:
<span class="image-text">{{patient.birthDate.toMillis() | date:'dd/MM/yyyy'}}</span>
而且效果很好。现在我必须从 TypeScript 代码实现完全相同的行为(从相同的字段开始)。我正在尝试做:
console.log("patientBirthDate: ", patient.birthDate.toMillis());
但是我该怎么做才能将其转换为格式化日期?
您可以将 DatePipe
注入组件的构造函数并使用 this.datePipe.transform(date, '<format>');
class Component {
constructor(private datePipe: DatePipe) {}
formatPatientBirthDate(patient: Patient): string {
return this.datePipe.transform(patient.birthDate.toMillis(), 'dd/MM/yyyy');
}
}