Отключение следующего поля до выбора предыдущего

Question

ho, чтобы отключить поле входных данных под углом 6, пока не будет выбрано предыдущее поле входных данных. Как у меня есть одно поле источника и одно поле ввода назначения. Поэтому я хочу, чтобы поле «Назначение» было отключено до тех пор, пока не будет выбран источник.

Answer 1

Если я считаю ваши поля ввода источника и назначения полями даты начала и окончания с типом = «дата», то вы можете создать поле описания, то есть поле даты окончания, доступное только для чтения, как показано ниже:

<input type="date" name="end_date" id="end_date" class="form-control"  placeholder="* End Date" #endDate="ngModel" [(ngModel)]="end_date" required readonly>

И добавьте функцию изменения в поле «Источник», то есть поле «Дата начала», как показано ниже:

<input type="date" name="start_date" id="start_date" class="form-control" [min]="today" placeholder="* Start Date" [(ngModel)]="start_date == null ? '' :start_date" #startDate="ngModel" (change)="onDateChange($event)" required>

Теперь в вашем файле Component.ts создайте ту же функцию (например, onDateChange ($ event)), чтобы удалить свойство readonly из поля «Дата окончания», которое будет выполняться всякий раз, когда в поле «Дата начала» происходит событие изменения.

onDateChange(event) { 
  $("#end_date").prop('readonly', false);
}