Question

我正在使用Ionic 4应用程序，并且为用户添加了日期选择器，但是我希望用户只能选择当前日期之后的10天。

这是我的 html ：

<ion-datetime formControlName="startchallenge" displayFormat="DD-MM-YYYY" pickerFormat="DD-MMMM-YYYY" placeholder="Select Date" [min]="minDate" [max]="maxDate"></ion-datetime>

这是我的 ts ：

minDate: String = new Date().toISOString();
maxDate: any = new Date(new Date().setFullDate(new Date().getFullDate() + 2)).toISOString();

我希望用户只能选择当前日期之后的10天，而最小日期是今天的日期。

非常感谢您的帮助。

Answer 1

我为此花了点时间，然后尝试一下。

首先安装moment插件。

然后将其导入到您的组件中。

import * as moment from 'moment';

然后声明它。

export class HomePage {

  public minDate = moment().format();
  public maxDate = moment().add(10, 'd').format();...

以html

<ion-datetime formControlName="startchallenge" displayFormat="DD-MM-YYYY" pickerFormat="DD-MMMM-YYYY" placeholder="Select Date" [min]="minDate" [max]="maxDate"></ion-datetime>

这在我的应用程序中正常工作。

如何限制用户在Ionic 4日期选择器中仅选择当前日期之后的10天

1 个答案: