angular - 角度日期格式国际

Question

无论本地计算机上的国际设置如何，我都需要在“date.component.html”上将“item.value.date”格式化为 dd/MM/yyyy。下面的代码确实适用于 Angular 2，但不适用于 Angular 4：有些日期是错误的。请求：我需要 Angular 4 的解决方案（npm v5.3.0；节点 v6.11.2）

 <tbody *ngIf="Result" 
 <template ngFor let-item [ngForOf]="Result"> 
     <td {item.value.date  | date:Format}}</td>  
 </template> 
 </tbody> 

在“date.component.ts”上：

 get Format(): string { 
 return "dd/MM/yyyy "; 
 } 

在“app.module.ts”上：

import { LOCALE_ID } from '@angular/core'; // for LOCALE_ID
@NgModule({   declarations: [DateComponent],   
imports: [BrowserModule,FormsModule],   
providers: [ { provide: LOCALE_ID, useValue: "en-US" } ] }) 
export class AppModule { }

Answer 1

您可以使用不需要读取本地人的自定义格式方法来做到这一点：

HTML：

   <td {{myFormat(item.value.date)}}</td>  

打字稿：

   myFormat(date): string { 
      return ('0' + date.getDate()).slice(-2)+ "/" + ('0' + (date.getMonth() + 1)).slice(-2) + '/' + date.getFullYear()
   }