角/ MomentJS - 綁定formControlName到MD-日期選擇器

Question

我正在使用

• 角
• Moment.js
• 火力地堡

我想什麼實現

• 當返回從火力的時間的時間戳，我將其轉換回一個有效/可讀的日期

• 對於我的HTML輸入框（mdDatePicker）顯示返回並轉換日期。

問題

• 當使用 'formControlName'，以同樣的方式我成功地用它來進行所有的其他文本/複選框輸入，我收到以下錯誤：

ERROR Error: Datepicker: value not recognized as a date object by DateAdapter

問題

1. 如何獲取我的返回值並使日期選取器顯示它？

HTML

<input mdInput [mdDatepicker]="picker" (focus)="picker.open()" formControlName="album_date" required /> 
 
<label class="vs__input__label"> Date </label> 
 
<md-datepicker #picker></md-datepicker>

元器件TS

var timestamp = albumToDisplay.album_date; 
 
var albumDate = moment.unix(timestamp).format("MM/DD/YYYY"); 
 
     
 

 
this.albumDetails = this.formBuilder.group({ 
 
    album_title: [albumToDisplay.album_title], 
 
    album_date: [albumDate] 
 
});

任何幫助將不勝感激。

UPDATE

• 這裏讀書enter link description here我更新材料後。
• 我現在收到的錯誤是：

ERROR Error: Datepicker: Value must be either a date object recognized by the DateAdapter or an ISO 8601 string. Instead got: 1504784461

任何想法如何讓過去呢？

Answer 1

所以後有點擺弄這個作品：

var albumTimeStamp = albumToDisplay.album_date; 
 
var albumDateFormatted = moment.unix(albumTimeStamp).format("MM/DD/YYYY"); 
 
var albumDateISO = moment(albumDateFormatted).toISOString();

Answer 2

Moment的format方法返回一個字符串，所以這不是你所需要的。它也似乎mdDatePicker內部轉換的日期，所以你甚至不需要時刻這個工作。所有你需要做的：

this.albumDetails = this.formBuilder.group({ 
    album_title: [albumToDisplay.album_title], 
    album_date: [albumToDisplay.album_date] 
});