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

【问题标题】：How do I display Ionic 2 datepicker months properly?如何正确显示 Ionic 2 datepicker 月份？
【发布时间】：2016-11-23 16:16:01
【问题描述】：

我正在尝试显示日期选择器，但它正确显示月份，但它似乎不起作用

日期最小值和最大值是动态传递的

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>

【问题讨论】：

标签： angular datepicker ionic2

【解决方案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';

  }

【讨论】：