离子2：离子日期时间返回空值答案

【问题标题】：Ionic 2 : ion-datetime return empty value离子2：离子日期时间返回空值
【发布时间】：2017-07-14 06:54:12
【问题描述】：

我在我的一个页面中使用离子日期时间选择器仅选择一个月。我在我的 .html 中写了这个：

    <ion-item>
          <ion-label>Mois</ion-label>
          <ion-datetime [(ngModel)]="month"
                        displayFormat="MMMM"
                        monthNames="Janvier, Février, Mars, Avril, Mai, Juin, Juillet, Aout, Septembre, Octobre, Novembre, Décembre"
                        doneText="Valider" cancelText="Annuler">
         </ion-datetime>
   </ion-item>

但是当我用这个字段选择一个月时，我有一个空值。

我的 .ts 文件：

month: any  = null;

  constructor(public viewCtrl: ViewController) {

  }

  dismiss() {
    this.viewCtrl.dismiss();
  }

  test() {
    console.log(this.month);
  }

有什么想法吗？

【问题讨论】：

标签： angular ionic2

【解决方案1】：

我在使用 Ionic 的 DateTime 组件时也遇到了类似的问题。

初始化绑定到ngModel 的值似乎可以解决我的问题，尽管这将为选择器提供一个默认值（根据您的用例，这可能很有用）。

Ionic 的 DateTime 以 ISO 8601 格式工作，因此在您的构造函数中执行类似的操作将为选择器提供当前月份的默认值

constructor(public viewCtrl: ViewController) {
  this.month = (new Date()).toISOString();
}

month 的值将在选择器更改时更新，但它将再次采用 ISO 8601 格式，因此如果这是您要查找的值，您必须从中提取月份。

我很高兴知道是否有更清洁的解决方案！

【讨论】：