如何將mydatepicker的值作爲角度2中的格式化值？

Question

我在angular2中使用my-date-picker，當我從datepicker中選擇任何日期時，它會給我輸出datepicker JSON像這樣 "effectiveDate":{"date":{"year":2017,"month":7,"day":1},"jsdate":"2017-06-30T18:30:00.000Z","formatted":"07/01/2017","epoc":1498847400}但我想輸出像"effectiveDate":"07/01/2017"這樣。

獲得輸出：

"effectiveDate":{"date":{"year":2017,"month":7,"day":1},"jsdate":"2017-06-30T18:30:00.000Z","formatted":"07/01/2017","epoc":1498847400} 

需要輸出：

"effectiveDate":"07/01/2017" 

Answer 1

請嘗試以下代碼：

var dateFrom = JSON.parse(JSON.stringify(this.ABIForm.controls['From'].value)); 

var strFromDate =dateFrom.date.month+"/"+dateFrom.date.day+"/"+dateFrom.date.year; 

var dateFromTransformed= this.datePipe.transform(strFromDate, 'yyyy-MM-dd'); 

Answer 2

<my-date-picker [options]="myDatePickerOptions" [(ngModel)]="Date" (dateChanged)="onDateChanged($event)" #ngRef="ngModel" required id="Date" name="Date" ngModel> </my-date-picker> 

private myDatePickerOptions: IMyOptions = { 

    dateFormat: 'yyyy.mm.dd', 
}; 

Public effectiveDate : string; 
OnDateChanged(event: IMyDateModel) { 
    this.effectiveDate = event.formatted; 
} 

1. 將上面的代碼放在組件中以獲取JSON日期格式爲字符串。