Ionic 5 - 設置今天是 MIN 日

Question

我正在使用離子 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>

例如 = 今天是 2021 年 6 月 18 日

因此用戶可以選擇相同的和 2021 年 6 月 18 日之后的日期。

= 2021 年 6 月 18 日

= 2021 年 6 月 19 日

.

.

.

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

Answer 1

您可以像這樣使用演示

<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

您可以為此使用以下代碼：

請安裝矩庫以使用任何類型的日期時間格式：

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>

輸出 ：

它將從 19/06/2021 打開 Datepicker 它不會讓您選擇 18/06/2021 和此日期之前的日期。