Блог

Я использую 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>
 

Пример= Сегодня 18 июня 2021 года

таким образом, пользователи могут выбрать то же самое и после даты 18 июня 2021 года.

= 18 июня 2021 года

= 19 июня 2021 года

.

.

.

любая дата после 18 июня 2021 года

Для этой цели вы можете использовать следующий код :

Пожалуйста, установите библиотеку моментов для использования любого формата даты и времени :

 npm install moment --save
 

и в свой файл .ts поместите это :

 MinDate :any;

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

и в Todate HTML-кода, помещенного внутри <ion-datetime> тега

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

выход :

он откроет Datepicker с 19/06/2021.Он не позволит вам выбрать дату 18/06/2021 и до этой даты.

Демо-версию вы можете использовать вот так

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