2017-07-13 5 views
0

私のページの1つにイオン日時ピッカーを使用して月を選択します。イオン2:ion-datetimeは空の値を返します

<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> 

しかし、私はこの分野で月選ぶとき、私は空の値を持っている:私は私の.htmlでこれを書いています。

マイ.TSファイル:

month: any = null; 

    constructor(public viewCtrl: ViewController) { 

    } 

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

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

任意のアイデア?

答えて

1

また、IonicのDateTimeコンポーネントを使用して同様の問題に遭遇しました。

ngModelにバインドされた値を初期化すると、私のために修正されたように見えますが、これはピッカーにデフォルト値を与えます(ユースケースによっては便利かもしれません)。

は、イオン性のDateTimeのピッカーにmonthの値はときピッカーの変更が更新されます

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

現在の月のデフォルト値を与えることになるので、あなたのコンストラクタでこのような何かをやって、ISO 8601形式で動作し、それは再びISO 8601形式になりますので、探している値があればその月を抽出する必要があります。

このためのクリーナーソリューションがあるかどうかはわかっています。

関連する問題