Ionic 5 - 设置今天是最小日

Question

我正在使用 Ionic 5。
我想让 今天是我的 [min] 约会对象。

因此用户可以select今天和今天之后的几天。

我的密码是

 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 日

因此用户可以 select 与 在 2021 年 6 月 18 日 之后。

= 18 Jun 2021

= 19 Jun 2021

.

.

.

any date after 18 Jun 2021

Answer 1

Demo你可以这样使用

<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();

Answer 2

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

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

npm install moment --save

并在您的 .ts 文件中输入：

MinDate :any;

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

并在 HTML 代码的 Todate 中放入 <ion-datetime> 标签

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

输出：

它将从 2021 年 6 月 19 日开始打开日期选择器它不会让你 select 约会 18/06/2021 和在此日期之前。

Ionic 5 - 设置今天是最小日

Ionic 5 - Set Today is MIN Day

javascript

ionic-framework

ionic-native

angular

ionic5