Ionic 5-今天是MIN日

Question

我正在使用Ionic 5。
我正在努力使今天是我的[min]日期

因此，用户可以选择今天和今天之后的日子。

我的代码是

minDate: any = new Date(new Date().setFullYear(new Date().getDate() - 0)).toISOString();

<ion-datetime class="ion-no-padding top-padding" display-timezone="utc" displayFormat="DD/MM/YYYY" [min]='minDate'>
</ion-datetime>

Ex=今天是2021年6月18日

因此用户可以在2021年6月18日之后选择相同的和。

=2021年6月18日

=2021年6月19日

2021年6月18日之后的任何日期

Answer 1

您可以为此使用以下代码：

请安装时刻库以使用任何类型的日期时间格式：

npm install moment --save

并在你的.ts文件中放入：

MinDate :any;
this.MinDate = moment('18/06/2021', "YYYY-MM-DD").add('days', 1).format("YYYY-MM-DD");

和放在<ion-datetime>标签内的HTML代码的Todate

<ion-datetime formControlName="ToDate" displayFormat="DD/MM/YYYY" 
[min]=MinDate
required></ion-datetime>

输出：

它将于2021年6月19日开放日期选择器它不会让您选择日期18/06/2021及之前的日期。

Answer 2

演示您可以像这样使用

<ion-datetime class="ion-no-padding top-padding" display-timezone="utc" displayFormat="DD/MM/YYYY" min="{{minDate}}"max="2100-12-31" ></ion-datetime>

组件内

minDate: any = new Date().toISOString();