Angular: Как проверить ввод даты на основе выбора другого ввода даты

Question

У меня есть два поля даты ввода, то есть Дата счета и Дата оплаты счета. Используя Angular, как я могу сделать Срок оплаты счета не меньше, чем Дата счета?

Я новичок в Angular, поэтому я действительно не знаю, как поступить.

   <div class="col-sm-2">
                <label>Invoice Date</label><br>
                <input type="date" [disabled]="true" name="invoicedate" class="form-control readOnly-date" [(ngModel)]="invoice.invoiceDate" *ngIf="!invoice.financialPeriodId">
                <input type="date" name="invoicedate" min="{{startDate | date: 'yyyy-MM-dd'}}" max="{{endDate | date: 'yyyy-MM-dd'}}" class="form-control" [(ngModel)]="invoice.invoiceDate" *ngIf="invoice.financialPeriodId">
            </div>

            <div class="col-sm-2">
                <label>Due Date</label><br>
                <input type="date" name="dueDate" class="form-control readOnly-date" [(ngModel)]="invoice.invoiceDueDate" *ngIf="!invoice.invoiceDate">
                <input type="date" name="dueDate" class="form-control" [(ngModel)]="invoice.invoiceDueDate" *ngIf="invoice.invoiceDate">
            </div>

В зависимостив значении даты выставления счета срок платежа не должен быть меньше даты выставления счета

Answer 1

Попробуйте [min]="invoice.invoiceDate" вот так:

<input type="date" name="dueDate" class="form-control" [(ngModel)]="invoice.invoiceDueDate" *ngIf="invoice.invoiceDate" [min]="invoice.invoiceDate">

Рабочая демонстрация