反应性形式的日期默认打印为dd --- yyyy在Angular 2中

Question

.ts file

this.form = this.fb.group({
    .....
    ReceiptDateTime:['',],
)}

在.html文件

<tr>
  <td width="50%"><label for ="ReceiptDateTime">Transaction date: </label></td>
 <td width="50%"><label> <input  type="date" formControlName="ReceiptDateTime" value ="receipt.ReceiptDateTime">  
</label></td>
</tr>

我们运行时发生的是反应性形式默认打印日期文本为dd --- yyyy，它不会从列表中获取值。receiptDateTime包含日期但不起作用。

Answer 1

html部分：

<input type="date" formControlName="ReceiptDateTime" #myDate [value]="receipt.ReceiptDateTime| date:'yyyy-MM-dd'" (input)="receipt.CreatedDate=parseDate($event.target.value)" />

在ts部分中声明parsedate函数：

parseDate(dateString: string): Date {
    if (dateString) {
        return new Date(dateString);
    } else {
        return null;
    }