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

Question

我在我的一个页面中使用离子日期时间选择器只选择一个月。我在.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 以 ISO 8601 格式工作，因此在构造函数中执行类似操作将为选取器提供当前月份的默认值

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

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

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