2017-07-13 54 views
0

我在我的一個頁面中使用離子日期時間選擇器來僅選擇一個月。我在我的.html中寫道:離子2:離子日期時間返回空值

<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

我也遇到了類似的問題,使用Ionic的DateTime組件。

初始化綁定到ngModel的值似乎爲我解決了這個問題,雖然這會給選取器一個默認值(根據您的用例可能會有所幫助)。

離子的日期時間工作在ISO 8601的格式,所以做這樣的事情在你的構造將給予拾取當月

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

month值將揀貨機發生變化時更新的默認值,但它將再次採用ISO 8601格式,因此如果這是您要查找的值,則必須從中提取月份。

我很樂意知道這是否有更清潔的解決方案!