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

问题描述 投票:1回答:2

我在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中选择上一个日期。

任何帮助深表感谢。

ionic-framework ionic4
2个回答
2
投票

试试这个:

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

这将解决您的问题。


1
投票

我认为你应该使用ion-datetime,它提供了从用户获取日期或时间的最简单方法。有很多方法可以合成日期和时间输入。

© www.soinside.com 2019 - 2024. All rights reserved.