MinDate 和 MaxDate 不适用于 Ionic 4 中的本机日期选择器
MinDate and MaxDate are not working for the native date picker in Ionic 4
我在我的 Ionic 4 项目中工作,我使用了本机日期选择器插件。它工作正常,但我无法在其中设置 Android.
的最小和最大日期
这是我的tab2.page.html:
<ion-input formControlName="startchallenge" placeholder="Select Date" (click)="datePickershow()" [readonly]=true></ion-input>
这是我的tab2.page.ts:
datePickershow(){
this.datePicker.show({
date: new Date(),
mode: 'date',
androidTheme: this.datePicker.ANDROID_THEMES.THEME_HOLO_DARK,
minDate: new Date().toISOString(),
maxDate: new Date(new Date().setDate(new Date().getDate() + 10)).toISOString(),
}).then(
date => console.log('Got date: ', date)},
err => {
console.log('Error occurred while getting date: ', err)}
);
}
我在 Android 中使用了最小日期和最大日期,此后用户可以 select 从今天开始追溯日期,因为我将最小日期用作今天的日期,但问题是该用户能够 select Android 中的前一个日期。
非常感谢任何帮助。
我认为您应该使用 ion-datetime,它提供了从用户那里获取日期或时间的最简单方法。
格式化日期和时间输入的方法有很多种。
试试这个:
minDate: new Date().valueOf(),
maxDate: new Date(new Date().setDate(new Date().getDate() + 10)).valueOf(),
这将解决您的问题。
我在我的 Ionic 4 项目中工作,我使用了本机日期选择器插件。它工作正常,但我无法在其中设置 Android.
的最小和最大日期这是我的tab2.page.html:
<ion-input formControlName="startchallenge" placeholder="Select Date" (click)="datePickershow()" [readonly]=true></ion-input>
这是我的tab2.page.ts:
datePickershow(){
this.datePicker.show({
date: new Date(),
mode: 'date',
androidTheme: this.datePicker.ANDROID_THEMES.THEME_HOLO_DARK,
minDate: new Date().toISOString(),
maxDate: new Date(new Date().setDate(new Date().getDate() + 10)).toISOString(),
}).then(
date => console.log('Got date: ', date)},
err => {
console.log('Error occurred while getting date: ', err)}
);
}
我在 Android 中使用了最小日期和最大日期,此后用户可以 select 从今天开始追溯日期,因为我将最小日期用作今天的日期,但问题是该用户能够 select Android 中的前一个日期。
非常感谢任何帮助。
我认为您应该使用 ion-datetime,它提供了从用户那里获取日期或时间的最简单方法。 格式化日期和时间输入的方法有很多种。
试试这个:
minDate: new Date().valueOf(),
maxDate: new Date(new Date().setDate(new Date().getDate() + 10)).valueOf(),
这将解决您的问题。