离子2:离子日期时间返回空值

时间:2017-07-13 10:32:50

标签: angular ionic2

我在我的某个页面中使用了离子日期时间选择器,仅选择一个月。我在.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);
  }

任何想法?

1 个答案:

答案 0 :(得分:1)

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

初始化绑定到FROM的值似乎可以解决它,虽然这会为选择器提供一个默认值(根据您的使用情况,这可能很有用)。

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

ngModel

当选择器发生更改时,constructor(public viewCtrl: ViewController) { this.month = (new Date()).toISOString(); } 的值将会更新,但它将再次采用ISO 8601格式,因此,如果这是您正在寻找的值,则必须从中提取月份对

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