отключить ng-bootstrap дату и время для предыдущих дат в angular7 - PullRequest
Новая
       25

отключить ng-bootstrap дату и время для предыдущих дат в angular7

0 голосов
/ 06 мая 2019

HTML 

     <ngb-datepicker (select)="onDateSelect($event)" [(ngModel)]="datePickerModel"></ngb-datepicker>

 <ngb-timepicker [meridian]="meridian" [(ngModel)]="time" class="fromTimePick">
                </ngb-timepicker>

Как отключить календарные даты прошлых дней, то есть отключить дни до сегодняшнего дня и время до настоящего времени (т.е. отключить прошедшее время до текущего времени относительно текущей даты)?

1 Ответ

1 голос
/ 06 мая 2019

Для ngb-datepicker вы можете установить привязку ввода minDate для отключения прошлых дат: 

<ngb-datepicker (select)="onDateSelect($event)" [(ngModel)]="datePickerModel"[minDate]="todayDate">

И в ваших component.ts вы устанавливаете todayDate как сегодня. 

const current = new Date();
this.todayDate = {
  year: current.getFullYear(),
  month: current.getMonth() + 1,
  day: current.getDate()
};

Демо

Что касается средства выбора времени, вы не можете явно отключить средство выбора часов / минут с помощью API ng-boostrap, но я могу предложить написать пользовательскую проверку вне средства выбора времени, чтобы пользователь не мог отправить форму, в которой время некорректны

...