2016-11-23 15 views
0

私は日付ピッカーを表示しようとしていますが、そのが正しくヶ月を表示するが、Ionic 2の日付ピッカーの月を正しく表示するにはどうすればよいですか?

日の最小値と最大値を動的に

HTMLから渡され動作していないよう:

<ion-item *ngIf="showDatePicker"> 
    <ion-label>From Date:</ion-label> 
    <ion-datetime displayFormat="MMMM YYYY" min={{setMinDate}} max={{setMaxData}} [(ngModel)]="minDateRange"></ion-datetime> 
    </ion-item> 

    <ion-item *ngIf="showDatePicker"> 
    <ion-label>To Date:</ion-label> 
    <ion-datetime displayFormat="MMMM YYYY" min={{setMinDate}} max={{setMaxData}} [(ngModel)]="maxDateRange"></ion-datetime> 
    </ion-item> 

    <button ion-button color="primary" block (click)="generatedReportFn()">View</button> 

enter image description here

答えて

0

引用符を追加するのを忘れたmin="{{setMinDate}}"、私はそれをテストするための例を作ったと私のために働いた

.htmlを

<ion-item> 
    <ion-label>Date</ion-label> 
    <ion-datetime displayFormat="MM/DD/YYYY" min="{{dateConfig.min}}" max="{{dateConfig.max}}" [(ngModel)]="myDate"></ion-datetime> 
    </ion-item> 

.TS

dateConfig: { min?: string, max?: string } = {}; 
    constructor(public navCtrl: NavController) { 

    this.dateConfig.min = "2016"; 
    this.dateConfig.max = '2020-10-31'; 

    } 
関連する問題