how to change mat-datepicker input on click button?

Asked Jan 22 '20 at 10:59

Active Jan 24 '20 at 14:10

Viewed 851 times

I am trying to bind date property to mat-datepicker's input when im click on nextDate button. how can I do it? I am using [(ngModel)] but it not working.

my html code

<input   [(ngModel)]="departureDate"  [min]="minDate"
(dateInput)="onDateChange($event)" [matDatepicker]="picker"  placeholder="date"  (click)="_openCalendar(picker)" #elementToFocus>
<button (click)="nextDate()" class="date-btn" type="submit"><mat-icon>keyboard_arrow_right</mat-icon></button>
<button class="date-btn" type="submit"><mat-icon>keyboard_arrow_left</mat-icon></button>
<mat-datepicker #picker="matDatepicker" (closed)="_closeCalendar($event)"></mat-datepicker>

and my method in ts :

 nextDate(){
this.departureDate.setDate(this.departureDate.getDate() + 1) }

edited Jan 24 '20 at 14:10

asked Jan 22 '20 at 10:59

Parsia Shiraz

What exactly are you looking for? Do you want to get selected date in departuteDate? – Eranki Jan 22 '20 at 11:13
If you are using ngModel this.departureDate.getDate() +1 you don't need dot value – Mustafa Kunwa Jan 22 '20 at 11:18
Hi maruthi.im want to add 1 day to departureDate when I'm click to nextDate() , and show new departureDate value to input – Parsia Shiraz Jan 24 '20 at 14:14

how to change mat-datepicker input on click button?

0 Answers0