Question

我知道这似乎很容易，但我找不到任何问题的答案。

如何将min和/或max属性设置为ion-datetime，但仅限时间选择器？

<ion-row>
    <ion-col no-padding>
        <ion-item no-padding>
            <ion-label floating>Time In:</ion-label>
            <ion-datetime pickerFormat="hh:mm A" [(ngModel)]="ptReEvaluation.content.iprTimeIn"></ion-datetime>
        </ion-item>
    </ion-col>
</ion-row>

Answer 1

请尝试

<ion-row>
    <ion-col no-padding>
        <ion-item no-padding>
            <ion-label floating>Time In:</ion-label>
            <ion-datetime pickerFormat="hh:mm A" [(ngModel)]="ptReEvaluation.content.iprTimeIn" in="2016" max="2020-10-31"></ion-datetime>
        </ion-item>
    </ion-col>
</ion-row>

我希望它为你工作。

Answer 2

你应该试试这个。在file.ts中，declear

private minyear              : string        = (new Date().getFullYear()-1).toString();
private maxyear              : string        = (new Date().getFullYear()+1 + '-' + new Date().getMonth()+1 + '-' + new Date().getDate()).toString();

在html方面包括

<ion-datetime displayFormat="DD-MM-YYYY" pickerFormat="DD-MM-YYYY" [(ngModel)]="filter_param.start_date" placeholder="From" (ionChange)="validate_date_range()" [min]="minyear" [max]="maxyear"></ion-datetime>
<ion-datetime displayFormat="DD-MM-YYYY" pickerFormat="DD-MM-YYYY" [(ngModel)]="filter_param.end_date" placeholder="To" (ionChange)="validate_date_range()" [min]="minyear" [max]="maxyear"></ion-datetime>

我已将代码放在我的条件下，您可以根据您的要求将其附加到其中。

Ionic 2 - 将min和max属性设置为ion-datetime

2 个答案: