Angular: How to validate a date input based on selection of another date input

Question

I have two input date fields i.e Invoice Date and Invoice Due Date. Using Angular how can i make the Invoice Due Date not less than the Invoice Date?

I am new to Angular, so I really don't know how to proceed.

   <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>

Depending on the value for the Invoice Date, the Invoice Due Date should not be less than the Invoice Date

Adrita Sharma · Accepted Answer · 2019-10-10 06:35:57Z

1

Try [min]="invoice.invoiceDate" like this:

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

Working Demo

answered Oct 10, 2019 at 6:35

Adrita Sharma

22.3k11 gold badges75 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Adrita Sharma Over a year ago

Please upvote and accept this answer if this helped :)

Collectives™ on Stack Overflow

Angular: How to validate a date input based on selection of another date input

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related