2016-11-28 79 views
2

我有以下:離子2離子日期時間形式結合

<ion-header> 
    <ion-navbar> 
     <button ion-button menuToggle> 
      <ion-icon name="menu"></ion-icon> 
     </button> 
     <ion-title>Add new</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content class="ion-backdrop" padding> 
    <form [formGroup]="form1" class="form" (ngSubmit)="onSubmit(form1.value)"> 
     <ion-card> 
      <ion-list> 
       <ion-item> 
        <ion-label>Available:</ion-label> 
        <ion-datetime displayFormat="MMM DD YYYY" formControlName="dateAvailableFormControl"> 
        </ion-datetime> 
       </ion-item> 
      </ion-list> 
     </ion-card>  
    </form> 
</ion-content> 

和我的TS代碼是:

this.dateAvailableFormControl.setValue(this.data.DateAvailable); 

其中this.data.DateAvailable是日期類型。

頁面加載時看不到任何東西。除離子日期時間以外,其他所有綁定都可以正常工作。

有沒有人知道爲什麼會發生這種情況?

在此先感謝

+0

包圍着?也許你可以插入更多的代碼。 – nyluje

+0

這看起來對我來說是正確的。在我的情況下,我使用displayFormat作爲「D MMMM YYYY」,但我猜「DD」是在規格中(也許仔細檢查一下)。如果您將所有部分都放在之外,並將其置於

之下,看起來如何?你確定this.data.DateAvailable是正確的格式,預計可能會格式化日期,因爲它應該顯示它(MMM DD YYYY)? – nyluje

+0

在鏈接到html模板的類中,您是否設置了form1(FormGroup對象)包含dateAvailableFormControl。也許這部分代碼也應該添加。 – nyluje

回答

1

我想我找到了什麼問題。不知道這是一個離子2的缺陷,或者它是如何與ng2一起工作的。

我的日期值

2016-11-29T09:15:48.8579573Z

當我將其更改爲:

2016-11-29T09:15:48.857Z

它的工作原理是

+0

男孩,你救了我的一天!謝謝! – smnbbrv