Ionic 2 离子日期时间表单绑定答案

【问题标题】：Ionic 2 ion-datetime form bindingIonic 2 离子日期时间表单绑定
【发布时间】：2017-04-12 14:52:57
【问题描述】：

我有以下：

<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 是 Date 类型。

页面加载时我什么都看不到。除了 ion-datetime 之外，所有其他绑定都可以正常工作。

有人知道为什么会这样吗？

提前致谢

【问题讨论】：

是否被包围？也许您可以插入更多代码。
这对我来说是正确的。在我的情况下，我使用 displayFormat 作为“D MMMM YYYY”，但我猜“DD”在规格中（也许仔细检查一下）。如果你把所有的部分放在外面，然后把它放在
的下面，它会是什么样子？您确定 this.data.DateAvailable 是正确的格式吗？预计日期可能会被格式化为它应该显示的格式（MMM DD YYYY）？
在链接到html模板的类中，你是否设置了form1（一个FormGroup对象）包含dateAvailableFormControl。也许你的这部分代码也应该添加。
查看这篇文章了解更多详情：stackoverflow.com/a/47843362/7829826

标签： ionic-framework ionic2

【解决方案1】：

我想我找到了问题所在。不知道这是 ionic 2 的错误还是它如何与 ng2 一起工作。

我的日期值是

2016-11-29T09:15:48.8579573Z

只要我把它改成：

2016-11-29T09:15:48.857Z

成功了。

【讨论】：