2017-08-28 67 views
2

如何可以將 '[對象的對象]'(日期選擇器),以日期格式轉換 '[對象的對象]' 迄今爲止角4

<input type="text" 
     id="date" 
     class="form-control" 
     formControlName="date" 
     name="date" 
     [(ngModel)]="date" 
     ngbDatepicker 
     #incorporatedDatePicker="ngbDatepicker" 
     (click)="incorporatedDatePicker.toggle()" 
     readonly> 

當我顯示

{{meeting.date | date }} 

我有錯誤:invalidPipeArgument錯誤「的翻譯:」管道「DatePipe」

+1

如何做的日期是什麼樣子? – Sajeetharan

+0

如果我不添加日期管,它返回的翻譯: –

+1

顯示日期對象JSON – Sajeetharan

回答

0

基於您的評論,你正在嘗試喂到DatePipe是...

{ "day": 18, "month": 8, "year": 2017 } 

角度看不懂這樣的一個對象,並瞭解這是一個日期。您需要先將其轉換爲Angular可以理解的某種格式。所接受的格式在docs提到:

date_expression | date[:format]

expression is a date object or a number (milliseconds since UTC epoch) or an ISO string (https://www.w3.org/TR/NOTE-datetime).

+0

我仍然不知道如何我將json轉換爲DatePipe接受的任何格式! –

0

在組件

export class DateComponent implements OnInit { 
     objDate = Date.now(); 
} 

在HTML

<strong>{{ objDate | date :'fullDate' }}</strong> 

輸出

Thursday, February 15, 2018