角度日期格式国际

Question

我需要格式化" item.value.date"为dd/mm/yyyy在" date.component.html"上，无论本地计算机上的国际设置如何。下面的代码确实在Angular 2上有效，但在Angular 4上不使用：某些日期是错误的。请求：我需要Angular 4的解决方案（NPM v5.3.0; Node 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>  

typescript ：

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