javascript - ionic 日期选择器的最小值和最大值不适用于月份和日期

Question

我正在尝试使用 ionic 2 日期选择器，它可以工作，但是当我想使用最小和最大属性时，它不起作用。

<ion-datetime displayFormat="DD-MM-YYYY"  [min]="event.date.today" [(ngModel)]="event.date.start"></ion-datetime>

它仅按年份过滤日期!但我想要自定义日期和月份。

'date': {
    'today': moment().format("YYYY-MM-DD")

你能帮我吗？非常感谢

Answer 1

据我从他们的来源来看， ion-datetime 仅支持年份。 (https://github.com/driftyco/ionic/blob/master/src/components/datetime/datetime.ts)因为列不会根据值动态更改。相反，选择器是根据最小值/最大值生成的。

我建议您手动更改日期时间列以实现完全控制。

标记您的 html 日期时间

<ion-datetime displayFormat="DD-MM-YYYY"  #dateTime [(ngModel)]="event.date.start"></ion-datetime>

在 subview 集上更改其列以具有

@ViewChild('dateTime') public set dateTime(val: DateTime) {
    (<any>val.pickerOptions).columns[0].options = (<any>val.pickerOptions).columns[0].options.filter(year => year.value >= this.event.date.today.getFullYear());
    (<any>val.pickerOptions).columns[1].options = (<any>val.pickerOptions).columns[1].options.filter(month => month.value >= this.event.date.today.getMonth() + 1);
    (<any>val.pickerOptions).columns[2].options = (<any>val.pickerOptions).columns[2].options.filter(day => day.value >= this.event.date.today.getDate());
}

这将为您提供一个日期时间，其中仅包含高于或等于指定的年/月/日。这意味着如果您输入 06/06/2016 作为最小值，则为 01/07/201

如果这不能满足您的要求，您应该搜索对此任务更有用的日历组件。