2016-11-28 85 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