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()
   }

角度日期格式国际

1 个答案: