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

Question

У меня есть два поля ввода: InvoiceDate и InvoiceDueDate. Мне нужно проверить InvoiceDueDate так, чтобы он начинался через 30 дней после выбранной InvoiceDate.

В настоящее время у меня InvoiceDueDate проверяется не менее чем на InvoiceDate, связывая его с [min] = "invoice.invoiceDate"

 <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" [min]="invoice.invoiceDate" class="form-control" [(ngModel)]="invoice.invoiceDueDate">
                </div>

InvoiceDueDate должен быть установлен на 30 дней с даты, выбранной на InvoiceDate. пример: if (InvoiceDate - 01-10-2019), тогда InvoiceDueDate должен быть 02-11-2019

Answer 1

public minDate: newDat();

minDate = this.invoice.invoiceDate.setDate(this.invoice.invoiceDate.getDate() + 30);

и в своем HTML вы можете использовать [min]="minDate"

надеюсь, это вам поможет!