ion 2: ion-datetime返回空值

Question

我在一个页面中使用ion-datetime选择器仅选择一个月。我在我的.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);
  }

有什么想法吗？

Answer 1

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

初始化绑定到ngModel的值似乎为我修复了它，尽管这将为选择器提供一个默认值(根据您的用例，这可能是有用的)。

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

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

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

如果有更干净的解决方案，我会很高兴的！