如何在 Ionic 4 datepicker 的当前日期后 10 天将用户限制为 select

Question

我在我的 Ionic 4 应用程序中工作，我已经为用户添加了日期选择器，但我希望用户可以 select 当前日期后仅 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();

我希望用户可以 select 仅在当前日期后 10 天，最小日期是今天的日期。

非常感谢任何帮助。

Answer 1

我正在使用 moment 然后试试这个。

首先安装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>

这在我的应用程序中有效。

Answer 2

在您的 ts 文件中更改此项：

minDate: String = new Date().toISOString();
maxDate: any = new Date(new Date().setDate(new Date().getDate() + 10)).toISOString();

这将向用户显示今天的日期，用户可以在当前日期 select 10 天后显示。

如何在 Ionic 4 datepicker 的当前日期后 10 天将用户限制为 select

How to restrict user to select only 10 days after the current date in Ionic 4 datepicker

ionic-framework

ionic4