MinDate和MaxDate在Ionic 4中不适用于本机日期选择器

时间:2019-03-20 09:35:32

标签: ionic-framework ionic4

我正在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中使用最小和最大日期,因为我可以使用最小日期作为今天的日期,但用户可以选择今天的回溯日期,但问题是用户可以在其中选择以前的日期。 Android。

非常感谢您的帮助。

2 个答案:

答案 0 :(得分:2)

尝试一下:

minDate: new Date().valueOf(),
maxDate: new Date(new Date().setDate(new Date().getDate() + 10)).valueOf(),

这将解决您的问题。

答案 1 :(得分:1)

我认为您应该使用ion-datetime,它提供了从用户那里获取日期或时间的最简单方法。 建立日期和时间输入的方法很多。