2016-11-23 101 views
0

我想顯示日期選擇器,但它的正確顯示個月,但它似乎沒有工作如何正確顯示Ionic 2 datepicker月份?

日期的最小值和最大值,從動態

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

    }