如何正确显示Ionic 2 datepicker月份？

Question

我正在尝试显示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>

Answer 1

您忘了添加引号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';

  }